.privacy-sheet{position:fixed;inset:0;z-index:12000;display:grid;place-items:center;padding:max(16px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(16px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s var(--ease-out),visibility .28s var(--ease-out)}.privacy-sheet.active{opacity:1;visibility:visible;pointer-events:auto}.privacy-sheet .sheet-backdrop{position:absolute;inset:0;background:linear-gradient(180deg,color-mix(in srgb,var(--bg-canvas) 74%,transparent),color-mix(in srgb,var(--bg-canvas) 82%,transparent));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.privacy-sheet .sheet-content{position:relative;z-index:1;display:grid;width:min(100%,760px);max-height:min(82dvh,760px);grid-template-rows:auto minmax(0,1fr) auto;overflow:hidden;border:1px solid var(--border-default);border-radius:var(--radius-lg);background:linear-gradient(180deg,var(--card-glass-strong),var(--card-glass-bg)),var(--surface-1);color:var(--text-primary);box-shadow:0 28px 80px color-mix(in srgb,var(--bg-canvas) 46%,transparent);transform:translateY(18px) scale(.985);transition:transform .3s var(--ease-out);backdrop-filter:blur(18px) saturate(126%);-webkit-backdrop-filter:blur(18px) saturate(126%)}.privacy-sheet.active .sheet-content{transform:translateY(0) scale(1)}.privacy-sheet .sheet-header,.privacy-sheet .sheet-footer{position:sticky;z-index:2;background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1) 92%,transparent),color-mix(in srgb,var(--surface-2) 70%,transparent))}.privacy-sheet .sheet-header{top:0;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px clamp(18px,3vw,26px);border-bottom:1px solid var(--border-default)}.privacy-sheet .sheet-title-group{min-width:0}.privacy-sheet .sheet-kicker{display:block;margin-bottom:2px;color:var(--accent);font-size:.76rem;font-weight:800}.privacy-sheet .sheet-header h2{margin:0;color:var(--text-primary);font-size:clamp(1.05rem,2.4vw,1.32rem);font-weight:800;line-height:1.5}.privacy-sheet .sheet-close{display:inline-flex;flex:0 0 auto;width:44px;height:44px;align-items:center;justify-content:center;padding:0;border:1px solid var(--border-default);border-radius:15px;background:var(--btn-secondary-bg);color:var(--text-secondary);cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out),background .2s var(--ease-out),transform .2s var(--ease-out)}.privacy-sheet .sheet-close:hover{border-color:var(--btn-secondary-hover-border);background:color-mix(in srgb,var(--primary-soft) 66%,transparent);color:var(--primary);transform:translateY(-1px)}.privacy-sheet .sheet-body{min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:clamp(18px,3vw,28px);scrollbar-color:var(--border-strong) transparent}.privacy-sheet .policy-content{display:grid;gap:16px}.privacy-sheet .policy-section{padding:16px;border:1px solid var(--border-default);border-radius:18px;background:color-mix(in srgb,var(--surface-2) 64%,transparent)}.privacy-sheet .policy-section h3{margin:0 0 8px;color:var(--text-primary);font-size:.98rem;font-weight:800}.privacy-sheet .policy-section p{margin:0;color:var(--text-secondary);font-size:.9rem}.privacy-sheet .policy-section p + p,.privacy-sheet .policy-section ul + p{margin-top:10px}.privacy-sheet .policy-section ul{display:grid;gap:8px;margin:10px 0 0;padding-inline-start:20px;color:var(--text-secondary);font-size:.9rem}.privacy-sheet .policy-section strong,.privacy-sheet .accept-terms strong{color:var(--text-primary)}.privacy-sheet .accept-terms{position:sticky;bottom:0;display:grid;gap:8px;margin-top:18px;padding:14px;border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border-default));border-radius:18px;background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 60%,var(--surface-2)),color-mix(in srgb,var(--surface-1) 80%,transparent));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.privacy-sheet .accept-terms .checkbox-wrapper{margin:0}.privacy-sheet .sheet-footer{bottom:0;display:flex;justify-content:flex-start;padding:16px clamp(18px,3vw,26px);border-top:1px solid var(--border-default)}.privacy-sheet #confirmPolicyBtn{min-width:168px}body.page-faq{min-width:0;overflow-x:hidden;background:var(--body-bg);color:var(--text-primary)}body.page-faq .faq-page{padding:calc(var(--header-height) + clamp(28px,6vw,72px)) 0 clamp(56px,8vw,96px)}body.page-faq .faq-shell{width:min(calc(100% - 32px),900px);margin-inline:auto}body.page-faq .faq-hero{max-width:680px;margin-inline:auto;text-align:center}body.page-faq .faq-kicker{display:inline-flex;align-items:center;gap:.45rem;color:var(--accent);font-size:.82rem;font-weight:800}body.page-faq .faq-kicker .material-symbols-rounded{font-size:1.2rem}body.page-faq .faq-title{margin:.75rem 0 0;color:var(--text-primary);font-size:clamp(1.85rem,3.5vw,2.65rem);font-weight:900;line-height:1.35}body.page-faq .faq-lead{max-width:58ch;margin:.8rem auto 0;color:var(--text-secondary);font-size:.98rem;line-height:2}body.page-faq .faq-list{display:grid;gap:.75rem;margin-top:clamp(28px,5vw,50px);padding:clamp(16px,3vw,28px);border:1px solid var(--border-default);border-radius:var(--radius-lg);background:var(--surface-1);box-shadow:var(--shadow-card)}body.page-faq .faq-section-head{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:.35rem;padding-bottom:.85rem;border-bottom:1px solid var(--border-default)}body.page-faq .faq-section-head h2{margin:0;color:var(--text-primary);font-size:clamp(1.1rem,1rem + .5vw,1.4rem);font-weight:850}body.page-faq .faq-section-icon{color:var(--accent);font-size:1.45rem}body.page-faq .faq-item{overflow:hidden;border:1px solid var(--border-default);border-radius:16px;background:var(--surface-2);transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}body.page-faq .faq-item:hover{border-color:color-mix(in srgb,var(--accent) 26%,var(--border-default))}body.page-faq .faq-item[open]{border-color:color-mix(in srgb,var(--accent) 30%,var(--border-default));background:color-mix(in srgb,var(--surface-2) 94%,var(--secondary-soft))}body.page-faq .faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:.85rem 1rem;color:var(--text-primary);font-weight:800;line-height:1.75;cursor:pointer;list-style:none;-webkit-tap-highlight-color:transparent}body.page-faq .faq-item summary::-webkit-details-marker{display:none}body.page-faq .faq-item summary .material-symbols-rounded{flex:0 0 auto;color:var(--text-muted);transition:transform .2s ease,color .2s ease}body.page-faq .faq-item[open] summary{color:var(--accent)}body.page-faq .faq-item[open] summary .material-symbols-rounded{color:var(--accent);transform:rotate(180deg)}body.page-faq .faq-answer{padding:0 1rem 1rem;color:var(--text-secondary)}body.page-faq .faq-answer p{margin:0;padding:0;color:var(--text-secondary);font-size:.95rem;line-height:2}body.page-faq .faq-answer p + p{margin-top:.75rem}body.page-faq .faq-item>p{margin:0;padding:0 1rem 1rem;color:var(--text-secondary);line-height:2}body.page-faq .faq-item bdi{color:var(--text-primary);font-weight:800}body.page-faq .faq-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.65rem;margin-top:1rem}body.page-faq .faq-action{box-sizing:border-box;min-height:46px;height:46px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:min(100%,280px);min-width:0;padding:10px 16px;border:1px solid transparent;border-radius:12px;color:var(--text-primary);font-size:.82rem;font-weight:800;line-height:1.5;text-align:center;text-decoration:none;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .2s var(--ease-out),border-color .2s ease,background-color .2s ease,color .2s ease,box-shadow .2s ease}body.page-faq .faq-action:hover{transform:translateY(-1px)}body.page-faq .faq-action:active{transform:translateY(0) scale(.985)}body.page-faq .faq-action:focus-visible{outline:3px solid var(--accent);outline-offset:3px}body.page-faq .faq-action__icon{flex:0 0 auto;width:1.35rem;height:1.35rem;object-fit:contain;display:block}body.page-faq .faq-action--primary{background:var(--gradient-brand);color:#fff;box-shadow:0 10px 26px color-mix(in srgb,var(--primary) 18%,transparent)}body.page-faq .faq-action--primary:hover{color:#fff;box-shadow:var(--shadow-brand)}body.page-faq .faq-action--secondary{border-color:var(--border-default);background:var(--surface-1);color:var(--text-secondary)}body.page-faq .faq-action--secondary:hover{border-color:color-mix(in srgb,var(--accent) 34%,var(--border-strong));background:var(--surface-3);color:var(--text-primary)}@media (max-width:640px){body.page-faq .faq-page{padding-top:calc(var(--header-height) + 24px)}body.page-faq .faq-shell{width:min(calc(100% - 20px),900px)}body.page-faq .faq-list{padding:12px;border-radius:20px}body.page-faq .faq-item{border-radius:14px}body.page-faq .faq-item summary{min-height:52px;gap:.7rem;padding:.8rem;font-size:.92rem}body.page-faq .faq-answer{padding:0 .8rem .85rem}body.page-faq .faq-answer p{font-size:.9rem;line-height:1.95}body.page-faq .faq-item>p{padding-inline:.8rem;font-size:.9rem}body.page-faq .faq-actions{display:grid;grid-template-columns:1fr;gap:.55rem;margin-top:.9rem;justify-items:start}body.page-faq .faq-action{width:min(100%,280px);max-width:280px}}@media (max-width:360px){body.page-faq .faq-shell{width:min(calc(100% - 16px),900px)}body.page-faq .faq-list{padding:9px}body.page-faq .faq-item summary{padding-inline:.7rem;font-size:.88rem}body.page-faq .faq-answer{padding-inline:.7rem}}@media (prefers-reduced-motion:reduce){body.page-faq .faq-item,body.page-faq .faq-item summary .material-symbols-rounded,body.page-faq .faq-action{transition:none !important}body.page-faq .faq-action:hover,body.page-faq .faq-action:active{transform:none !important}}.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{transform:scaleX(1)}.drawer-nav a{position:static}.drawer-nav a.active{background:transparent;color:var(--text-secondary)}.drawer-nav a.active::after{content:none}.modal-btn-cancel,.Setting-button-secondary,.cm-btn--secondary,.modal-avatar-cancel{padding-block:1px}@media (max-width:699px){.page-home .hero{--home-hero-bg:url("/images/login.webp")}.site-header .brand{min-width:0;gap:6px;white-space:nowrap}.site-header .brand-mark{width:clamp(54px,15vw,62px);height:32px}.site-header .brand>span:last-child{display:block;min-width:0;overflow:visible;text-overflow:clip;font-size:clamp(.75rem,3.3vw,.85rem);line-height:1.15}.site-header .brand small{display:block;margin-top:0;font-size:clamp(.45rem,2vw,.52rem);line-height:1.1}}@media (max-width:369px){.mobile-drawer .brand span:last-child,.site-footer .brand span:last-child{display:none}.nav-shell{width:min(calc(100% - 20px),var(--container));gap:4px}.site-header .brand{gap:5px}.site-header .brand-mark{width:54px;height:30px}.site-header .brand>span:last-child{font-size:.74rem}.site-header .brand small{font-size:.45rem}.site-header .nav-actions{gap:4px}}body.page-auth .bg-layer{background:linear-gradient(180deg,color-mix(in srgb,var(--bg-canvas) 58%,transparent),color-mix(in srgb,var(--bg-canvas) 76%,transparent)),linear-gradient(145deg,color-mix(in srgb,var(--primary) 18%,transparent),transparent 42%),linear-gradient(315deg,color-mix(in srgb,var(--secondary) 14%,transparent),transparent 46%),url("/images/login.webp") center / cover no-repeat,var(--bg-canvas)}.dashboard-notification-list-shell:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:var(--radius-lg)}body.page-dashboard .dashboard-notification-clear,body.page-dashboard .dashboard-notification-action,body.page-dashboard .dashboard-notification-filter__form .dashboard-solid-btn{gap:8px;line-height:1.25;white-space:nowrap;box-sizing:border-box}.dashboard-notification-actions form{display:flex;margin:0}.dashboard-notification-button-icon-slot{position:relative;flex:0 0 18px;inline-size:18px;block-size:18px;display:grid;place-items:center}.dashboard-notification-button-icon-slot>*{grid-area:1 / 1}.dashboard-notification-button-icon-slot .material-symbols-rounded{font-size:1.16rem;line-height:1;transition:opacity .15s ease,visibility .15s ease}.dashboard-notification-action.is-loading .dashboard-notification-button-icon-slot .material-symbols-rounded,.dashboard-notification-clear.is-loading .dashboard-notification-button-icon-slot .material-symbols-rounded,.dashboard-notification-filter__form .dashboard-solid-btn.is-loading .dashboard-notification-button-icon-slot .material-symbols-rounded{opacity:0;visibility:hidden}.dashboard-notification-item{transition:opacity .2s ease,border-color .2s ease,background .2s ease}.dashboard-notification-item.is-read{opacity:.92;border-color:color-mix(in srgb,var(--border-default) 82%,var(--notice-color))}.dashboard-notification-item.is-unread{border-color:color-mix(in srgb,var(--border-default) 68%,var(--notice-color))}body:is(.page-home,.page-articles,.page-tutorials,.page-faq) .home-particle-field{position:fixed;inset:0;display:block;width:100vw;height:100vh;overflow:hidden;pointer-events:none;z-index:60;opacity:1;contain:strict}@media (prefers-reduced-motion:reduce){body:is(.page-home,.page-articles,.page-tutorials,.page-faq) .home-particle-field{transition:none}} body:is(.page-home,.page-articles,.page-tutorials,.page-faq) :where([data-card],.price-card,.article-card,.articles-card,.articles-featured,.articles-filter-box,.articles-topics,.articles-side-panel,.article-detail-hero,.article-detail-media,.article-detail-main,.article-detail-highlights,.article-summary-panel,.article-tags-panel,.article-popular-list,.article-cta-panel,.article-related,.testimonial-card,.gallery-item,.feature-card,.product-card,.home-trailer__stage,.final-cta,.tutorial-card,.tutorials-listing-header,.tutorials-search,.tut-featured,.tut-card,.tut-sidebar,.chapter-list,.faq-hero,.faq-list,.faq-item,.faq-action){position:relative;z-index:61}