/* Shared visual system for EasyTutorGuide privacy, terms, legal and FAQ pages, 2026-10-24. */
:root{--blue:#1790ed;--indigo:#576df5;--purple:#9158e8;--green:#18ba88;--ink:#263f63;--muted:#627893;--line:#e0e9f6;--paper:#fff;--shadow:0 18px 48px rgba(40,73,137,.07)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;overflow-x:hidden;background:radial-gradient(ellipse 64% 430px at 0 0,#e6f6ff 0%,transparent 100%),radial-gradient(ellipse 75% 510px at 100% 8%,#f4eaff 0%,transparent 100%),linear-gradient(#fafcff,#f1f7ff 62%,#fafcff);font:400 15.5px/1.72 system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}img{display:block;max-width:100%;height:auto}:focus-visible{outline:3px solid #268aeb;outline-offset:3px}.skip-link{position:fixed;left:10px;top:-100px;z-index:2000;border-radius:8px;background:#fff;padding:10px 16px}.skip-link:focus{top:10px}.site-stripe{background:linear-gradient(100deg,#1399e9,#6576ed 44%,#9b54e7 79%,#1abd8d);color:white;min-height:37px;font-size:12px;font-weight:650}.stripe-inner{max-width:1290px;margin:auto;padding:7px 20px;display:flex;align-items:center;justify-content:center;gap:13px}.stripe-inner a{color:#fff;text-decoration:underline;text-underline-offset:3px}.stripe-dot,.live-dot{width:7px;height:7px;display:inline-block;border-radius:100%;background:#a3ffc4;box-shadow:0 0 0 4px #adffce3d}.site-header{position:sticky;top:0;background:#ffffffee;box-shadow:0 3px 18px #17458413;backdrop-filter:blur(16px);z-index:800;border-bottom:1px solid #e6ebf5}.header-inner{max-width:1290px;margin:auto;display:flex;align-items:center;gap:16px;padding:8px 22px;min-height:77px}.brand{display:flex;flex-direction:column;align-items:center;gap:0;line-height:1;text-decoration:none;flex:none}.brand img{width:114px;height:55px;object-fit:contain}.brand-caption{font-size:10px;letter-spacing:.035em;font-weight:850;background:linear-gradient(90deg,#148ef0,#9254e7,#19ae83);color:transparent;background-clip:text}.desktop-nav{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:2px;margin-left:auto}.desktop-nav a{color:#425573;text-decoration:none;font-weight:750;font-size:12.5px;padding:9px 11px;border-radius:11px;white-space:nowrap}.desktop-nav a:hover{background:#eaf2ff;color:#5b52d5}.menu-button{width:43px;height:43px;border:1px solid #d7e1fa;border-radius:13px;background:linear-gradient(125deg,#e9f7ff,#f3eaff);display:grid;place-content:center;gap:5px;cursor:pointer;flex:none}.menu-button span{display:block;width:21px;height:2.5px;background:#4c63ba;border-radius:4px}.menu-backdrop{position:fixed;inset:0;background:#08192d7d;z-index:1000}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:min(390px,94vw);background:linear-gradient(156deg,#fff,#f3f9ff 55%,#f8f1ff);z-index:1001;box-shadow:-12px 0 40px #22395b40;transform:translateX(105%);transition:transform .25s ease;display:flex;flex-direction:column}.mobile-menu.is-open{transform:none}.drawer-top{display:flex;align-items:center;justify-content:space-between;padding:16px 17px;gap:10px;border-bottom:1px solid #dfe7f5;flex:none}.drawer-top strong{font-size:17px;color:#294b8c}.close-menu{border:0;border-radius:12px;background:#ffe4e8;color:#cc2346;font-size:32px;width:43px;height:43px;cursor:pointer;line-height:1}.drawer-links{display:flex;flex-direction:column;overflow-y:auto;overscroll-behavior:contain;padding:12px 18px 28px;flex:1}.drawer-links a{padding:11px 12px;margin:1px 0;border-radius:10px;text-decoration:none;color:#355076;font-weight:650}.drawer-links a:hover{background:#e7efff}.drawer-links a[aria-current="page"]{background:linear-gradient(90deg,#eaf7ff,#f0e9ff);color:#5448c9}body.drawer-open{overflow:hidden}.page-container{max-width:1290px;margin:0 auto;padding:20px 22px 100px}.breadcrumbs{display:flex;gap:11px;align-items:center;margin:3px 0 21px;color:#708099;font-size:13px}.breadcrumbs a{color:#4573bd;text-decoration:none}.hero{min-height:270px;border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(118deg,#e8f7ff 0%,#f1f4ff 47%,#f5e9ff 79%,#e6faf3 100%);border:1px solid #dfe9fb;display:flex;justify-content:space-between;gap:15px;padding:clamp(25px,5vw,65px);box-shadow:var(--shadow)}.hero::before{content:"";position:absolute;width:580px;height:310px;right:-80px;bottom:-180px;filter:blur(24px);background:radial-gradient(ellipse,#b6d6ff9d,transparent 68%);pointer-events:none}.hero-content{max-width:750px;position:relative;z-index:2}.eyebrow{display:inline-flex;align-items:center;gap:12px;border:1px solid #cadffa;background:#fff9;border-radius:30px;padding:5px 13px;color:#4662ad;text-transform:uppercase;font-size:11px;font-weight:850;letter-spacing:.11em}.live-dot{background:#25bf86;box-shadow:0 0 0 3px #bff2de}.hero h1{margin:14px 0 12px;font-size:clamp(34px,5.25vw,66px);font-weight:900;line-height:1.08;letter-spacing:-.047em;max-width:750px;background:linear-gradient(110deg,#168feb 0%,#596ef3 50%,#9355dd 78%,#18b583 100%);background-clip:text;color:transparent}.hero p{margin:0;max-width:650px;color:#5e7396;font-size:clamp(15px,1.6vw,18px)}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.hero-actions a{border-radius:13px;padding:11px 20px;text-decoration:none;font-weight:750;font-size:14px;transition:transform .2s,box-shadow .2s}.hero-actions a:hover{transform:translateY(-2px)}.primary-action{background:linear-gradient(102deg,#168feb,#7468f2,#a45bdf);box-shadow:0 8px 20px #5a73df3d;color:#fff}.secondary-action{border:1px solid #cddbf6;background:#fff8;color:#4666a7}.hero-art{width:265px;min-width:190px;position:relative;display:grid;place-items:center;isolation:isolate}.art-ring{position:absolute;border-radius:50%;border:3px solid #fff8;box-shadow:inset 0 0 35px #fff8,0 0 38px #afc4ff88;aspect-ratio:1;animation:float 6s ease-in-out infinite}.art-ring-one{width:200px;background:conic-gradient(from 0deg,#78c4ffa1,#d5aaff99,#8ff6d19c,#78c4ff9a)}.art-ring-two{width:147px;background:#ffffff7e;animation-delay:-2s}.art-center{z-index:3;font-weight:900;font-size:43px;letter-spacing:-.08em;color:#5d68e0;text-shadow:0 2px #fff}.art-orb{position:absolute;width:20px;height:20px;border-radius:50%;background:#22bade;top:45px;right:25px;box-shadow:0 0 18px #169deb77}.art-orb.b{top:auto;bottom:39px;left:19px;background:#ab65ec}.policy-tabs{display:flex;flex-wrap:wrap;gap:10px;padding:19px 0 22px}.policy-tabs a{padding:10px 18px;background:#fff;border:1px solid #dde7f5;border-radius:12px;color:#486389;text-decoration:none;font-size:14px;font-weight:760;box-shadow:0 5px 20px #7187b20b}.policy-tabs a:hover{background:#eef6ff}.policy-tabs a[aria-current="page"]{color:#fff;border-color:transparent;background:linear-gradient(103deg,#198fed,#735fed,#9b59db)}.content-grid{display:grid;grid-template-columns:255px minmax(0,1fr);gap:21px;align-items:start}.toc{position:sticky;top:100px;max-height:calc(100dvh - 120px);display:flex;flex-direction:column;border-radius:20px;background:#fff;border:1px solid #e1e9f7;box-shadow:var(--shadow);overflow:hidden}.toc-heading{display:flex;align-items:center;justify-content:space-between;padding:18px 18px 13px;border-bottom:1px solid #edf0f6}.toc-heading span{font-size:11px;font-weight:880;color:#6c7c9b;letter-spacing:.12em}.toc-toggle{border:0;background:#eaf4ff;padding:4px 10px;color:#4867b6;font-size:12px;border-radius:8px;cursor:pointer}.toc-list{overflow-y:auto;min-height:0;padding:8px 8px 14px}.toc-list a{display:flex;align-items:start;gap:10px;border-radius:9px;padding:7px 9px;text-decoration:none;font-size:12px;color:#56708e;line-height:1.3}.toc-list a:hover,.toc-list a.current{background:linear-gradient(90deg,#e9f5ff,#f4edff);color:#395db2}.toc-list a span{color:#8797ba;min-width:23px;font-variant-numeric:tabular-nums}.toc-help{color:#657dd1;text-decoration:none;padding:15px 18px;font-size:12px;font-weight:720;border-top:1px solid #edf0f6}.reading-panel{background:#fff;border:1px solid #e1eafa;border-radius:23px;padding:clamp(20px,4vw,49px);box-shadow:var(--shadow);min-width:0}.article-top{border-bottom:1px solid #e8eef9;padding-bottom:24px;margin-bottom:23px}.article-label{color:#5574be;text-transform:uppercase;font-size:11px;font-weight:850;letter-spacing:.12em}.article-intro{font-size:clamp(17px,2vw,20px);color:#4e6285;line-height:1.55;font-weight:600;margin:12px 0}.reading-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.reading-meta span{font-size:12px;border-radius:22px;background:#f0f5ff;color:#6979a8;padding:5px 12px;font-weight:750}.article-content{display:grid;gap:14px;min-width:0}.policy-section{border:1px solid #e8edf8;border-left:4px solid #479aef;border-radius:14px;background:linear-gradient(116deg,#fff,#fafcff 70%,#fcfaff);padding:21px 23px;scroll-margin-top:100px;min-width:0}.policy-section:nth-child(4n+2){border-left-color:#9066e4}.policy-section:nth-child(4n+3){border-left-color:#20bfa1}.policy-section:nth-child(4n){border-left-color:#eda659}.policy-section h2{font-size:clamp(16px,1.55vw,19px);font-weight:800;line-height:1.45;color:#2e4c82;margin:0 0 10px;display:flex;gap:12px;align-items:flex-start}.section-number{font-size:11px;background:#eaf5ff;color:#4e7dd2;padding:5px 8px;border-radius:8px;min-width:30px;flex:none;margin-top:1px;text-align:center}.policy-section p{line-height:1.75;color:#536582;font-size:14px;margin:0;overflow-wrap:break-word}.faq-search{margin:3px 0 24px}.faq-search label{display:block;margin-bottom:7px;color:#3c5986;font-size:13px;font-weight:760}.faq-search input{width:100%;padding:14px 17px;border:1px solid #d9e3f6;border-radius:13px;background:#fafcff;color:#294367}.faq-search p{font-size:12px;color:#647899;margin:6px 0;min-height:18px}.faq-row{border:1px solid #e2ebf8;border-radius:13px;overflow:hidden;background:linear-gradient(115deg,#fff,#f9fbff 85%);scroll-margin-top:100px}.faq-row[open]{border-color:#c9d8fb;box-shadow:0 7px 21px #4567b315}.faq-row summary{list-style:none;display:flex;align-items:center;gap:15px;padding:18px 18px;cursor:pointer;color:#2f518b;font-weight:800}.faq-row summary::-webkit-details-marker{display:none}.question-index{background:#e9f4ff;color:#4484dd;padding:4px 9px;font-size:12px;border-radius:8px;flex:none}.faq-chevron{margin-left:auto;transition:transform .16s;flex:none;font-size:23px;line-height:.7;color:#667bd7}.faq-row[open] .faq-chevron{transform:rotate(180deg)}.faq-answer{padding:0 20px 20px 58px;font-size:14px;color:#556985}.faq-answer p{margin:0;line-height:1.75}.contact-panel{margin-top:27px;padding:25px;border-radius:18px;background:linear-gradient(108deg,#e7f5ff,#f6edff,#e5f9f0);display:flex;align-items:center;gap:20px;justify-content:space-between}.contact-panel h2{font-size:20px;margin:0 0 4px;color:#29539a}.contact-panel p{margin:0;color:#5d7291;font-size:13px}.contact-panel a{display:inline-flex;text-decoration:none;background:linear-gradient(110deg,#188fec,#865ee9);color:#fff;border-radius:11px;padding:11px 16px;font-size:13px;font-weight:750;white-space:nowrap}.site-footer{background:linear-gradient(129deg,#eaf6ff,#f6eeff 67%,#eafaf0);border-top:4px solid transparent;border-image:linear-gradient(90deg,#158ce9,#7566f3,#a160ed,#15b989) 1;padding:40px 22px 20px}.footer-inner{max-width:1220px;margin:0 auto;display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:25px}.footer-brand img{width:90px;height:auto;mix-blend-mode:multiply}.footer-brand strong{display:block;font-size:13px;letter-spacing:.03em;font-weight:870;margin:1px 0;color:#406ad1}.footer-brand p{font-size:13px;max-width:320px;color:#5d7291;line-height:1.7}.footer-brand a{font-size:12px;color:#5b75c7}.footer-col{display:flex;align-items:flex-start;flex-direction:column;gap:8px}.footer-col strong{font-size:14px;color:#365a92;margin-bottom:7px}.footer-col a{font-size:13px;text-decoration:none;color:#4d688b}.footer-col a:hover{text-decoration:underline;color:#8154d2}.footer-bottom{max-width:1220px;margin:24px auto 0;padding-top:17px;border-top:1px solid #d6e3f5;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;color:#627898;font-size:12px}.footer-bottom a{text-decoration:none;color:#5874b0}.to-top{position:fixed;right:20px;bottom:20px;width:47px;height:47px;border-radius:16px;border:none;background:linear-gradient(126deg,#178fea,#8265ec);color:#fff;font-size:25px;box-shadow:0 12px 28px #4c78db55;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(12px);transition:.2s;z-index:500}.to-top.visible{opacity:1;visibility:visible;transform:none}.reading-progress{height:3px;position:fixed;top:0;left:0;width:0;background:linear-gradient(90deg,#159ce8,#915de7,#18c28b);z-index:1005;pointer-events:none}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@media(max-width:1160px){.desktop-nav{display:none}.menu-button{margin-left:auto}}@media(max-width:860px){.content-grid{grid-template-columns:minmax(0,1fr)}.toc{position:static;max-height:320px}.toc-list{max-height:210px}.hero-art{width:190px;min-width:150px}.art-ring-one{width:150px}.art-ring-two{width:110px}.art-center{font-size:30px}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.page-container{padding:15px 11px 65px}.site-stripe{font-size:11px}.stripe-inner{padding:6px 9px;gap:7px;flex-wrap:wrap}.header-inner{min-height:71px;padding:7px 13px}.brand img{width:104px;height:47px}.brand-caption{font-size:9px}.hero{padding:26px 20px;border-radius:20px;min-height:260px}.hero-art{position:absolute;right:-64px;bottom:-76px;opacity:.24;transform:scale(.78)}.hero h1{font-size:clamp(32px,10vw,44px)}.hero-content{max-width:100%}.hero p{max-width:310px;font-size:14px}.hero-actions a{padding:9px 13px;font-size:12px}.policy-tabs{gap:7px}.policy-tabs a{padding:8px 12px;font-size:12px}.reading-panel{padding:19px 13px;border-radius:17px}.policy-section{padding:17px 15px}.policy-section h2{gap:8px}.contact-panel{flex-direction:column;align-items:flex-start}.footer-inner{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px 14px}.footer-brand{grid-column:1/-1}.faq-row summary{padding:14px 12px;gap:9px}.faq-answer{padding:0 14px 16px 45px}.toc{max-height:250px}.toc-list{max-height:150px}}@media(max-width:330px){.footer-inner{grid-template-columns:1fr}.policy-tabs a{flex:1;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}