@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;700&family=Sora:wght@400;600;700&display=swap";*{box-sizing:border-box}html,body,#root{width:100%;min-height:100%;margin:0}body{color:#0f2748;background:radial-gradient(circle at 10% 10%,#ffc49a59 0%,#0000 32%),radial-gradient(circle at 80% 12%,#93beff6b 0%,#0000 30%),linear-gradient(165deg,#f4f8ff 0%,#e8f2ff 40%,#fdfdff 100%);font-family:Space Grotesk,Segoe UI,sans-serif}:root{--page-padding:clamp(1.4rem, 1.2rem + 1vw, 2rem);--accent-blue:#1e86ff;--accent-cyan:#11bfae;--accent-coral:#ff8f5a;--surface-ice:#f3f9ff;--ink-strong:#12345f}.site-wrapper{width:100%;min-height:100vh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:radial-gradient(circle at 5% 0,#8acbff33,#0000 34%),radial-gradient(circle at 100% 100%,#ff9d6b24,#0000 32%),#f4f7fc;border:0;border-radius:0;margin:0;animation:.85s both rise-in;position:relative;overflow:hidden}.ambient-bg{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.ambient-orb{filter:blur(8px);opacity:.28;border-radius:50%;animation:18s ease-in-out infinite float-orb;position:absolute}.orb-a{background:radial-gradient(circle,#649df170,#649df100);width:240px;height:240px;top:-70px;left:-40px}.orb-b{background:radial-gradient(circle,#5485ce59,#5485ce00);width:290px;height:290px;animation-delay:-6s;top:28%;right:-85px}.orb-c{background:radial-gradient(circle,#8eb0e452,#8eb0e400);width:210px;height:210px;animation-delay:-10s;bottom:-60px;left:22%}.top-header,.layout-shell,.site-footer{z-index:1;position:relative}.top-header{background:linear-gradient(95deg,#fffffff7,#eef8fff7 58%,#fff3ebeb),linear-gradient(#ffffff80,#fff0);border-bottom:1px solid #35629940;grid-template-columns:minmax(210px,auto) 1fr;align-items:center;gap:.9rem 1.2rem;padding:1rem 1.3rem;display:grid}.brand-search-group{flex-wrap:wrap;align-items:center;gap:.7rem;display:flex}.header-main-right{justify-content:flex-end;align-items:center;width:100%;display:flex}.mobile-header-bar{display:none}.desktop-brand-home-btn{display:inline-flex}.mobile-icon-btn{color:#fff;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;transition:transform .18s,background-color .18s,border-color .18s;display:inline-flex;position:relative}.mobile-icon-btn:hover{background:#ffffff24;border-color:#ffffff38;transform:translateY(-1px)}.mobile-menu-icon{gap:4px;display:inline-grid}.mobile-menu-icon span{background:currentColor;border-radius:999px;width:17px;height:2px;transition:transform .2s,opacity .2s}.mobile-menu-toggle[aria-expanded=true] .mobile-menu-icon span:first-child{transform:translateY(6px)rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] .mobile-menu-icon span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] .mobile-menu-icon span:nth-child(3){transform:translateY(-6px)rotate(-45deg)}.mobile-brand-home-btn{justify-content:center;min-width:0}.mobile-brand-home-btn .brand-text{text-align:center;justify-items:center}.mobile-theme-icon{width:20px;height:20px;display:inline-flex}.mobile-theme-icon svg{width:100%;height:100%}.mobile-icon-badge{color:#fff;text-align:center;letter-spacing:.04em;background:#d73737;border-radius:999px;min-width:20px;height:20px;padding:0 4px;font-size:.58rem;font-weight:700;line-height:20px;position:absolute;top:-5px;right:-4px}.mobile-menu-backdrop,.mobile-side-panel{display:none}.mobile-menu-backdrop{opacity:0;pointer-events:none;z-index:20;background:#070c146b;transition:opacity .24s;position:fixed;inset:0}.mobile-side-panel{z-index:21;width:min(82vw,320px);max-width:320px;transition:transform .28s;position:fixed;inset:0 auto 0 0;transform:translate(-100%)}.mobile-side-panel-inner{background:#fffffffa;border-right:1px solid #293f5f14;align-content:start;gap:1rem;height:100%;padding:1.1rem .95rem 1.35rem;display:grid;box-shadow:20px 0 42px #0b122229}.site-wrapper.dark-theme .mobile-side-panel-inner{background:#121a2bfa;border-right-color:#96b0d61f;box-shadow:20px 0 42px #00000052}.mobile-panel-profile{border-bottom:1px solid #20385b14;grid-template-columns:50px minmax(0,1fr);align-items:center;gap:.8rem;padding-bottom:1rem;display:grid}.site-wrapper.dark-theme .mobile-panel-profile{border-bottom-color:#96b0d61f}.mobile-panel-avatar{color:#fff;background:linear-gradient(145deg,#2c6dcfe6,#14bfaed1);border-radius:50%;place-items:center;width:50px;height:50px;font-family:Sora,sans-serif;font-size:1rem;font-weight:700;display:grid;box-shadow:0 10px 18px #266cc338}.mobile-panel-profile-text{gap:.12rem;min-width:0;display:grid}.mobile-panel-profile-text strong{color:#182c49;font-size:.93rem}.mobile-panel-profile-text span,.mobile-panel-profile-text small{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-panel-profile-text span{color:#5d718f;font-size:.76rem;font-weight:600}.mobile-panel-profile-text small{color:#7889a4;font-size:.7rem}.site-wrapper.dark-theme .mobile-panel-profile-text strong{color:#edf3ff}.site-wrapper.dark-theme .mobile-panel-profile-text span{color:#b9c9e5}.site-wrapper.dark-theme .mobile-panel-profile-text small{color:#91a6cb}.mobile-panel-search{grid-template-columns:1fr auto;gap:.5rem;display:grid}.mobile-panel-search span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.mobile-panel-search input,.mobile-panel-search-btn,.mobile-panel-select select,.mobile-panel-theme-btn{color:#18304f;background:#f6f8fc;border:1px solid #455f8929;border-radius:14px;min-height:44px;font-family:Space Grotesk,sans-serif}.mobile-panel-search input{min-width:0;padding:.7rem .85rem}.mobile-panel-search-btn,.mobile-panel-theme-btn{cursor:pointer;padding:.7rem .9rem;font-weight:700}.mobile-panel-nav{gap:.3rem;display:grid}.mobile-panel-nav-item{color:#243857;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:999px;grid-template-columns:20px minmax(0,1fr);align-items:center;gap:.7rem;width:100%;padding:.78rem .85rem;font-family:Space Grotesk,sans-serif;font-size:.9rem;font-weight:600;transition:background-color .18s,color .18s;display:grid}.mobile-panel-nav-item.active{background:#ececec}.mobile-panel-nav-icon{color:#121a27;width:18px;height:18px;display:inline-flex}.mobile-panel-nav-icon svg{width:100%;height:100%}.mobile-panel-actions{border-top:1px solid #20385b14;gap:.65rem;margin-top:.2rem;padding-top:1rem;display:grid}.site-wrapper.dark-theme .mobile-panel-actions{border-top-color:#96b0d61f}.mobile-panel-select{color:#5d718f;gap:.35rem;font-size:.78rem;font-weight:700;display:grid}.mobile-panel-select select{padding:.7rem .85rem}.site-wrapper.dark-theme .mobile-panel-search input,.site-wrapper.dark-theme .mobile-panel-search-btn,.site-wrapper.dark-theme .mobile-panel-select select,.site-wrapper.dark-theme .mobile-panel-theme-btn{color:#e4edff;background:#141f34;border-color:#96b0d624}.site-wrapper.dark-theme .mobile-panel-nav-item{color:#dce6f8}.site-wrapper.dark-theme .mobile-panel-nav-item.active{background:#ffffff17}.site-wrapper.dark-theme .mobile-panel-nav-icon,.site-wrapper.dark-theme .mobile-panel-select{color:#c6d5ef}.header-nav{background:#fffc;border:1px solid #346ead42;border-radius:12px;align-items:center;gap:.42rem;padding:.28rem;display:flex}.header-nav .menu-btn{text-align:center;background:0 0;border-color:#0000;border-radius:9px;min-width:92px;padding:.46rem .72rem}.brand-group{color:#10305b;align-items:center;gap:.55rem;font-family:Sora,sans-serif;display:inline-flex}.brand-home-btn{cursor:pointer;background:0 0;border:0;margin:0;padding:0}.brand-home-btn:focus-visible{outline-offset:4px;border-radius:8px;outline:2px solid #3f79cf85}.brand-text{line-height:1.08;display:grid}.brand-text strong{letter-spacing:.01em;font-size:1.02rem}.brand-text small{letter-spacing:.08em;text-transform:uppercase;color:#4d6f9e;margin-top:.1rem;font-size:.72rem}.brand-dot{background:linear-gradient(145deg, var(--accent-blue), var(--accent-cyan));border-radius:50%;width:10px;height:10px;box-shadow:0 0 0 3px #2882dd29}.header-tagline{color:#3f5d88;text-align:center;flex:1;margin:0;font-size:.82rem}.page-badge{width:fit-content;color:var(--ink-strong);letter-spacing:.04em;text-transform:uppercase;background:linear-gradient(90deg,#e4f4fff2,#ecfffaf2);border:1px solid #3970ae57;border-radius:999px;margin:0 0 .75rem;padding:.26rem .68rem;font-size:.76rem;font-weight:700}.header-controls{justify-content:flex-end;align-items:center;gap:.62rem;width:100%;padding-left:.15rem;display:flex}.header-search{color:#35557d;align-items:center;gap:.45rem;font-size:.82rem;display:inline-flex;position:relative}.header-search span{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.header-search input{color:#1d3d6d;background:#ffffffe6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235e7fae' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E") .72rem/14px 14px no-repeat;border:1px solid #47689b59;border-radius:999px;width:240px;padding:.38rem .72rem .38rem 2.05rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;transition:border-color .18s,box-shadow .18s,background-color .18s;box-shadow:inset 0 1px #ffffff80}.header-search-btn{color:#1d3d6d;cursor:pointer;background:#ffffffeb;border:1px solid #47689b59;border-radius:999px;padding:.36rem .75rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;font-weight:700;transition:border-color .18s,background-color .18s,transform .18s}.header-search-btn:hover{background:#f2f8fff2;border-color:#355e9d9e;transform:translateY(-1px)}.header-search input:focus{border-color:#355e9db8;outline:none;box-shadow:0 0 0 2px #5a86cd33,inset 0 1px #ffffff8f}.language-select{color:#35557d;align-items:center;gap:.35rem;font-size:.82rem;display:inline-flex}.language-select select{color:#1d3d6d;background:#ffffffe6;border:1px solid #47689b59;border-radius:8px;padding:.25rem .5rem;font-family:Space Grotesk,sans-serif;font-size:.82rem}.theme-toggle-btn{color:#1d3d6d;cursor:pointer;background:#ffffffe6;border:1px solid #47689b59;border-radius:8px;padding:.28rem .56rem;font-family:Space Grotesk,sans-serif;font-size:.82rem}.theme-toggle-btn:hover,.language-select select:hover{border-color:#355e9d8c}.site-wrapper.dark-theme{color:#d8e3ff;background:#0b101eeb}.site-wrapper.dark-theme .ambient-orb{opacity:.22;filter:blur(12px)}.site-wrapper.dark-theme .top-header{background:linear-gradient(90deg,#15213f,#1b3059 52%,#2a2f4f);border-bottom-color:#7a96c540}.site-wrapper.dark-theme .header-nav{background:#101c36cc;border-color:#7893c259}.site-wrapper.dark-theme .brand-group,.site-wrapper.dark-theme .brand-text small,.site-wrapper.dark-theme .header-tagline,.site-wrapper.dark-theme .header-search,.site-wrapper.dark-theme .sidebar-title,.site-wrapper.dark-theme .hero-copy,.site-wrapper.dark-theme .topics-head p,.site-wrapper.dark-theme .question-topic,.site-wrapper.dark-theme .answer-status,.site-wrapper.dark-theme .result-note,.site-wrapper.dark-theme .portfolio-page p,.site-wrapper.dark-theme .portfolio-page ul,.site-wrapper.dark-theme .admin-hint,.site-wrapper.dark-theme .list-row p,.site-wrapper.dark-theme .list-row small{color:#b8c8ea}.site-wrapper.dark-theme .page-badge{color:#cfe0ff;background:#1a2c4ee0;border-color:#7893c259}.site-wrapper.dark-theme .language-select,.site-wrapper.dark-theme .eyebrow,.site-wrapper.dark-theme .hero-stats span,.site-wrapper.dark-theme .topic-card span,.site-wrapper.dark-theme .topic-choice-text span{color:#9eb3da}.site-wrapper.dark-theme .language-select select,.site-wrapper.dark-theme .theme-toggle-btn,.site-wrapper.dark-theme .menu-btn,.site-wrapper.dark-theme .header-search input,.site-wrapper.dark-theme .header-search-btn,.site-wrapper.dark-theme .secondary-btn,.site-wrapper.dark-theme .danger-btn,.site-wrapper.dark-theme .admin-form input,.site-wrapper.dark-theme .admin-form textarea,.site-wrapper.dark-theme .admin-form select,.site-wrapper.dark-theme .admin-login input{color:#d8e3ff;background:#141f3ae6;border-color:#7893c259}.site-wrapper.dark-theme .header-search input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23b8c8ea' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");background-position:.72rem;background-repeat:no-repeat;background-size:14px 14px}.site-wrapper.dark-theme .admin-side-btn{color:#d8e3ff;background:#141f3ae6;border-color:#7893c24d}.site-wrapper.dark-theme .admin-side-btn.active{color:#fff;background:linear-gradient(130deg,#3f79cf,#295fad);border-color:#0000}.site-wrapper.dark-theme .admin-panel{background:#161f34}.site-wrapper.dark-theme .admin-login-shell{background:#111c34e6;border-color:#7893c24d}.site-wrapper.dark-theme .admin-login-brand{background:linear-gradient(145deg,#2a4e8f80,#23728073);border-right-color:#7893c242}.site-wrapper.dark-theme .admin-login-kicker,.site-wrapper.dark-theme .admin-login-brand p{color:#c4d3f2}.site-wrapper.dark-theme .admin-login-toolbar{border-bottom-color:#7893c23d}.site-wrapper.dark-theme .admin-search-input,.site-wrapper.dark-theme .admin-promo-bar,.site-wrapper.dark-theme .admin-chart-card{color:#d8e3ff;background:#18233ee6;border-color:#7893c23d}.site-wrapper.dark-theme .admin-password-toggle{color:#d7e3ff;background:#1c2a4af5;border-color:#7893c266}.site-wrapper.dark-theme .admin-password-toggle:hover{background:#213054fa}.site-wrapper.dark-theme .admin-side-head{border-bottom-color:#7893c23d}.site-wrapper.dark-theme .admin-side-actions{border-top-color:#7893c23d}.site-wrapper.dark-theme .admin-side-head h3{color:#d8e3ff}.site-wrapper.dark-theme .admin-promo-bar p,.site-wrapper.dark-theme .admin-chart-legend,.site-wrapper.dark-theme .admin-chart-card h4{color:#c4d3f2}.site-wrapper.dark-theme .donut-chart-placeholder:after{background:#18233ef2}.site-wrapper.dark-theme .sidebar{background:linear-gradient(#111c36,#16284a 60%,#18273f);border-right-color:#7a96c538}.site-wrapper.dark-theme .banner-card,.site-wrapper.dark-theme .quiz-panel,.site-wrapper.dark-theme .topics-panel,.site-wrapper.dark-theme .topic-card,.site-wrapper.dark-theme .value-card,.site-wrapper.dark-theme .topic-choice-card,.site-wrapper.dark-theme .portfolio-page,.site-wrapper.dark-theme .admin-panel,.site-wrapper.dark-theme .admin-card,.site-wrapper.dark-theme .admin-sidebar-menu,.site-wrapper.dark-theme .list-row,.site-wrapper.dark-theme .hero-stats div,.site-wrapper.dark-theme .admin-metric-card,.site-wrapper.dark-theme .admin-login{background:#111c34db;border-color:#7893c247}.site-wrapper.dark-theme .value-card h3{color:#dce9ff}.site-wrapper.dark-theme .value-card p{color:#aec3e6}.site-wrapper.dark-theme .home-page h1,.site-wrapper.dark-theme .intro-block h2,.site-wrapper.dark-theme .result-block h2,.site-wrapper.dark-theme .topics-head h2,.site-wrapper.dark-theme .question-block h3,.site-wrapper.dark-theme .portfolio-page h2,.site-wrapper.dark-theme .admin-login h2,.site-wrapper.dark-theme .admin-dashboard h2,.site-wrapper.dark-theme .admin-card h3,.site-wrapper.dark-theme .topic-card strong,.site-wrapper.dark-theme .topic-choice-text strong,.site-wrapper.dark-theme .admin-metric-card strong{color:#e8f0ff}.site-wrapper.dark-theme .primary-btn,.site-wrapper.dark-theme .menu-btn.active,.site-wrapper.dark-theme .admin-tab-btn.active{background:linear-gradient(130deg, var(--accent-blue), var(--accent-cyan))}.layout-shell{grid-template-columns:1fr;min-height:76vh;display:grid}.layout-shell.admin-layout{background:radial-gradient(circle at 92% 0,#7b68ee1f,#0000 36%),radial-gradient(circle at 8% 100%,#ec6e4c29,#0000 42%);grid-template-columns:1fr}.sidebar{background:linear-gradient(#eef5ff,#edf4ff 60%,#f7fbff);border-right:1px solid #39578a33;padding:1.1rem 1rem}.sidebar-title{text-transform:uppercase;letter-spacing:.12em;color:#5977a3;margin:0 0 .8rem;font-size:.72rem}.sidebar nav{gap:.5rem;display:grid}.menu-btn{text-align:left;color:#183d6f;cursor:pointer;background:#ffffffa8;border:1px solid #496a9e33;border-radius:12px;padding:.66rem .75rem;font-family:Space Grotesk,sans-serif;font-weight:600}.menu-btn.active{background:linear-gradient(130deg, var(--accent-blue), var(--accent-cyan));color:#fff;border-color:#0000}.content-area{padding:var(--page-padding)}.content-area.admin-content{width:100%;margin:0;padding:0}.home-page,.portfolio-page,.quiz-panel{animation:.45s both fade-in}.home-page{padding:var(--page-padding);gap:1.15rem;display:grid}.banner-card{background:radial-gradient(circle at 12% 10%,#96ccff73,#0000 45%) 0 0/150% 150%,radial-gradient(circle at 80% 88%,#d6e8ff85,#0000 48%) 0 0/145% 145%,linear-gradient(128deg,#fff 8%,#f1f7ff 50%,#eaf3ff 100%) 0 0/130% 130%;border:1px solid #4d7ac14d;border-radius:22px;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:1.2rem;padding:1.25rem;animation:14s ease-in-out infinite mirror-shift;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 36px #1b3e7147}.banner-card:before{content:"";pointer-events:none;background:linear-gradient(105deg,#fff0 24%,#fff3 38%,#fff0 54%);animation:6.8s ease-in-out infinite mirror-sweep;position:absolute;inset:-12% -35%;transform:translate(-58%)skew(-12deg)}.banner-card>.profile-photo{order:2}.banner-card>div:not(.profile-photo){z-index:1;order:1;position:relative}.profile-photo{background-color:#0000;background-image:linear-gradient(145deg,#0a0b1e1f,#0a0b1e03),url(https://images.unsplash.com/photo-1521572267360-ee0c2909d518?auto=format&fit=crop&w=500&q=60);background-position:50%;background-repeat:repeat,repeat;background-size:cover;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border:1px solid #ffffff1f;border-radius:18px;width:100%;height:clamp(260px,32vw,360px);box-shadow:inset 0 0 0 1px #ffffff0f}.eyebrow{text-transform:uppercase;letter-spacing:.15em;color:#9fc5ff;margin:0;font-size:.72rem;font-weight:700}.home-page h1{letter-spacing:-.03em;color:#15335e;margin:.4rem 0 .8rem;font-family:Sora,sans-serif;font-size:clamp(2rem,4vw,3rem);line-height:1.02}.hero-copy{color:#35567f;max-width:54ch;margin:0;line-height:1.65}.hero-cta-row{margin-top:1rem}.hero-media{background:linear-gradient(140deg,#b3d4ff4d,#c9e2ff2e) 50%/cover,url(https://images.unsplash.com/photo-1511512578047-dfb367046420?auto=format&fit=crop&w=1200&q=60) 50%/cover;border:1px solid #567fc65c;border-radius:16px;align-items:flex-end;min-height:230px;margin-top:0;display:flex;position:relative;box-shadow:inset 0 0 0 1px #ffffff0a}.hero-media-caption{color:#f4f8ff;background:linear-gradient(#06102200,#061022d1);border-radius:0 0 16px 16px;width:100%;padding:.9rem}.hero-media-caption p{letter-spacing:.08em;text-transform:uppercase;color:#e4efffe6;margin:0;font-size:.76rem}.hero-media-caption strong{margin-top:.25rem;font-family:Sora,sans-serif;font-size:1rem;display:block}.hero-media-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.value-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:0;display:grid}.value-card{background:linear-gradient(150deg,#fffffff5,#ecfbffeb);border:1px solid #587dc059;border-radius:14px;padding:.88rem;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden}.value-card:before{content:"";opacity:.7;pointer-events:none;background:linear-gradient(120deg,#78caff26,#a3f5e314);animation:7s ease-in-out infinite mirror-pulse;position:absolute;inset:0}.value-card:hover{transform:translateY(-2px);box-shadow:0 14px 24px #0a0c2852}.value-card h3{color:#1e426f;margin:0;font-family:Sora,sans-serif;font-size:.94rem}.value-card p{color:#43658f;margin:.4rem 0 0;font-size:.86rem;line-height:1.55}.hero-stats{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-top:1rem;display:grid}.hero-stats div{background:#ffffffb8;border:1px solid #5f84bc40;border-radius:14px;padding:.8rem}.hero-stats span{color:#4f6e99;font-size:.75rem;display:block}.hero-stats strong{margin-top:.35rem;font-family:Sora,sans-serif;font-size:1.2rem;display:block}.topics-panel{background:linear-gradient(145deg,#fdfffff7,#e9f7fff2);border:1px solid #5b7fc152;border-radius:18px;margin-top:1.25rem;padding:1.1rem;position:relative;overflow:hidden;box-shadow:0 12px 26px #1b447933}.topics-panel:before{content:"";pointer-events:none;background:radial-gradient(circle at 14% 6%,#96c8ff24,#0000 45%);animation:10s ease-in-out infinite mirror-pulse;position:absolute;inset:0}.topics-head h2{color:#193a65;margin:0;font-family:Sora,sans-serif}.topics-head p{color:#4a6f9b;margin:.35rem 0 0;font-size:.9rem}.topic-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.7rem;margin-top:.85rem;display:grid}.topic-card{background:linear-gradient(160deg,#fffffff2,#f1f9ffeb);border:1px solid #5d7dba61;border-radius:12px;padding:.7rem;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.topic-card:before{content:"";opacity:.62;pointer-events:none;background:linear-gradient(125deg,#94c8ff1f,#fff0);animation:8s ease-in-out infinite mirror-pulse;position:absolute;inset:0}.topic-card:hover{border-color:#3c629d80;transform:translateY(-3px)scale(1.01);box-shadow:0 12px 24px #28497e26}.topic-card-image{background-position:50%;background-size:cover;border-radius:9px;width:100%;height:138px;margin-bottom:.55rem}.topic-card strong{color:#1c3f6a;font-size:.95rem;display:block}.topic-card span{color:#4e719d;margin-top:.2rem;font-size:.84rem;display:block}.topic-empty{color:#50739f;margin:.85rem 0 0}.quiz-panel{padding:var(--page-padding);background:#fff;border:1px solid #43659a3d;border-radius:18px}.intro-block,.question-block,.result-block{width:100%;animation:.5s both fade-in}.intro-block h2,.result-block h2{color:#132747;margin:0;font-family:Sora,sans-serif}.intro-block p,.result-block p{color:#2f4b70;margin-top:.9rem;line-height:1.65}.result-block{display:block}.result-layout{background:#f5f8ff;border:1px solid #48639a33;border-radius:20px;grid-template-columns:minmax(360px,1.05fr) minmax(460px,1.4fr);width:100%;min-height:500px;display:grid;overflow:hidden;box-shadow:0 14px 34px #25427a29}.result-score-card{color:#fff;text-align:center;background:linear-gradient(165deg,#7757ff 0%,#4b45ff 48%,#2e3ce8 100%);align-content:center;justify-items:center;gap:1rem;padding:2rem 1.4rem;display:grid}.result-label{opacity:.95;margin:0;font-size:.95rem;font-weight:700}.result-score-ring{background:radial-gradient(circle at 30% 25%,#7e71ffe6,#4549e2eb);border-radius:50%;align-content:center;place-items:center;width:164px;height:164px;display:grid;box-shadow:inset 0 0 0 10px #ffffff14}.result-score-ring strong{font-family:Sora,sans-serif;font-size:3.1rem;line-height:1}.result-score-ring small{opacity:.9;margin-top:.25rem;font-size:.85rem}.result-score-card h2{color:#fff;font-size:1.7rem}.result-score-card .result-note{color:#f4f8ffeb;max-width:24ch;margin:0;font-size:.98rem;line-height:1.5}.result-summary-card{background:#f7f9ff;align-content:center;gap:1.05rem;padding:1.7rem;display:grid}.result-summary-card h3{color:#25385a;margin:0;font-family:Sora,sans-serif;font-size:1.35rem}.result-summary-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.result-summary-list li{background:#ffffffeb;border:1px solid #5874b033;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:.7rem;padding:.82rem .9rem;display:grid}.result-summary-list li span{color:#334e75;font-size:1rem;font-weight:600}.result-summary-list li strong{color:#243f68;font-family:Sora,sans-serif;font-size:1rem}.result-dot{border-radius:999px;width:12px;height:12px}.dot-accuracy{background:#ff705a}.dot-correct{background:#ffc05a}.dot-wrong{background:#54cf85}.dot-streak{background:#7f7dff}.result-continue-btn,.result-replay-btn{cursor:pointer;border:1px solid #0000;border-radius:999px;font-family:Space Grotesk,sans-serif;font-weight:700}.result-continue-btn{color:#fff;background:linear-gradient(120deg,#2f3f6a,#1f2f5a);padding:.88rem 1.1rem;font-size:1rem}.result-replay-btn{color:#354f77;background:0 0;border-color:#4f70ad66;padding:.62rem 1.1rem;font-size:.92rem}.result-continue-btn:hover,.result-replay-btn:hover{transform:translateY(-1px)}.site-wrapper.dark-theme .result-layout{background:#111c34e6;border-color:#7893c24d;box-shadow:0 16px 34px #0006}.site-wrapper.dark-theme .result-summary-card{background:#141f3ae6}.site-wrapper.dark-theme .result-summary-card h3,.site-wrapper.dark-theme .result-summary-list li strong,.site-wrapper.dark-theme .result-summary-list li span{color:#d8e3ff}.site-wrapper.dark-theme .result-summary-list li{background:#111c34eb;border-color:#7893c257}.site-wrapper.dark-theme .result-replay-btn{color:#d8e3ff;border-color:#7893c273}.prepared-topic-line{color:#35557d;font-size:.9rem}.topic-choice-grid{grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:.75rem;margin-top:.95rem;display:grid}.topic-choice-card{color:#1d3d6d;text-align:left;cursor:pointer;background:#ffffffe6;border:1px solid #46699c59;border-radius:14px;gap:.55rem;padding:.5rem;transition:transform .18s,box-shadow .18s,border-color .18s;display:grid}.topic-choice-card:hover{border-color:#3e629aa6;transform:translateY(-3px)scale(1.01);box-shadow:0 10px 22px #37588e2e}.topic-choice-card.selected{border-color:#3361a3bf;box-shadow:0 10px 24px #3661a138}.topic-choice-image{background-position:50%;background-size:cover;border-radius:10px;width:100%;height:164px}.topic-choice-text{padding:0 .15rem .15rem}.topic-choice-text strong{color:#14315a;font-size:.93rem;display:block}.topic-choice-text span{color:#3f5f8a;margin-top:.18rem;font-size:.82rem;display:block}.primary-btn{color:#fff;background:linear-gradient(130deg, var(--accent-blue), var(--accent-cyan));cursor:pointer;border:none;border-radius:12px;margin-top:1.25rem;padding:.8rem 1.15rem;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;transition:transform .18s,box-shadow .18s;box-shadow:0 12px 24px #1e86ff42}.primary-btn.is-loading,.secondary-btn.is-loading{justify-content:center;align-items:center;gap:.55rem;display:inline-flex}.btn-spinner{border:2px solid #ffffff80;border-top-color:#fff;border-radius:50%;width:.95rem;height:.95rem;animation:.7s linear infinite spin}.btn-spinner.dark{border-color:#163c6d #163c6d4d #163c6d4d}@keyframes spin{to{transform:rotate(360deg)}}.secondary-btn,.danger-btn{color:#1d3d6d;cursor:pointer;background:#ffffffc2;border:1px solid #47689b59;border-radius:10px;justify-content:center;align-items:center;padding:.52rem .78rem;font-family:Space Grotesk,sans-serif;font-weight:600;text-decoration:none;display:inline-flex}.danger-btn{color:#8d2630;background:#ffeef0e6;border-color:#c5454e73}.inline-actions{flex-wrap:wrap;gap:.5rem;display:flex}.quiz-actions{margin-top:1rem}.inline-actions .primary-btn{margin-top:0}.primary-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 16px 28px #1377dc57}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.question-head{color:#2f606f;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1rem;font-size:.84rem;display:flex}.question-meta{flex-wrap:wrap;align-items:center;gap:.55rem;display:flex}.meta-chip{color:#145568;background:#ffffffd1;border:1px solid #3f92a147;border-radius:999px;padding:.32rem .78rem;font-weight:700}.question-count-chip{background:linear-gradient(135deg,#fffffff2,#ebffffeb)}.timer-chip{color:#0f4d60;background:#bbf7ffe6;border:1px solid #46b1c773;border-radius:999px;padding:.32rem .8rem;font-weight:700}.timer-chip.warning{color:#7a2730;background:#ffc1abe6;border-color:#d36d5899}.chip{border:1px solid var(--accent-cyan);color:var(--ink-strong);background:#ffffffd6;border-radius:999px;padding:.34rem .82rem;font-weight:600}.progress-track{background:#81c6d361;border:1px solid #52a7b857;border-radius:999px;width:100%;height:12px;margin-top:1rem;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--accent-cyan), var(--accent-blue) 60%, var(--accent-coral));height:100%;transition:width .3s}.question-block{background:radial-gradient(circle at 14% 10%,#d4fff2eb,#d4fff200),radial-gradient(circle at 88% 12%,#bcfffcbf,#bcfffc00),linear-gradient(145deg,#dbfffa,#c3f8f3 38%,#b0efe9 100%);border:1px solid #42adbf73;border-radius:28px;width:min(860px,100%);margin:0 auto;padding:clamp(1rem,2.8vw,1.5rem);box-shadow:0 18px 40px #1f829638}.play-question{letter-spacing:.01em;color:#0d3e56;margin:1.1rem 0 1rem;font-family:Sora,sans-serif;font-size:clamp(1.08rem,2.2vw,1.42rem);line-height:1.38}.question-topic{color:#1d7180;margin:-.2rem 0 1rem;font-size:.86rem;font-weight:600}.answers-grid{gap:.62rem;display:grid}.answer-status{color:#1b6777;min-height:1.6rem;margin:.9rem 0 0;font-size:.92rem}.answer-btn{color:#124f62;text-align:left;cursor:pointer;background:#ffffffe6;border:1px solid #47a2b457;border-radius:999px;align-items:center;gap:.68rem;padding:.65rem .8rem;font-family:Space Grotesk,sans-serif;font-size:.93rem;transition:border-color .2s,transform .2s,background-color .2s,box-shadow .2s;animation:.35s both answer-enter;display:flex}.answer-btn:hover:not(:disabled){border-color:#279cb8b8;transform:translateY(-2px);box-shadow:0 10px 20px #2292aa33}.option-key{background:linear-gradient(145deg, var(--accent-cyan), var(--accent-blue));color:#fff;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:700;display:inline-flex;box-shadow:inset 0 -1px #00000026}.answer-label{letter-spacing:.01em;font-weight:600}.answer-btn.correct{background:linear-gradient(90deg,#d6ffebf2,#effff7f5);border-color:#1f9b76}.answer-btn.wrong{background:linear-gradient(90deg,#ffe7ebf5,#fff6f7f5);border-color:#cf5562}.site-wrapper.dark-theme .question-block{background:radial-gradient(circle at 12% 10%,#45888459,#45888400),radial-gradient(circle at 90% 16%,#2d6e8157,#2d6e8100),linear-gradient(145deg,#183846,#154150 42%,#13495a 100%);border-color:#64d0df5c;box-shadow:0 18px 38px #00000059}.site-wrapper.dark-theme .play-question{color:#e0fbff}.site-wrapper.dark-theme .question-topic,.site-wrapper.dark-theme .answer-status,.site-wrapper.dark-theme .question-head{color:#b6edf5}.site-wrapper.dark-theme .meta-chip,.site-wrapper.dark-theme .chip{color:#cbf7ff;background:#0f3a4ab3;border-color:#72dbeb52}.site-wrapper.dark-theme .timer-chip{color:#ddfcff;background:#085d6dbf;border-color:#6addf270}.site-wrapper.dark-theme .progress-track{background:#18626fb3;border-color:#6cd5e65c}.site-wrapper.dark-theme .answer-btn{color:#d8f7ff;background:#0a3d4ed1;border-color:#66d4e659}.site-wrapper.dark-theme .answer-btn.correct{background:#1877596b;border-color:#4dd39cb3}.site-wrapper.dark-theme .answer-btn.wrong{background:#9131445c;border-color:#ea748bad}.result-note{color:#375476}.portfolio-page{padding:var(--page-padding);background:#fff;border:1px solid #43659a3d;border-radius:18px}.portfolio-page h2{color:#132747;margin-top:0;font-family:Sora,sans-serif}.portfolio-page p{color:#2f4b70;line-height:1.6}.portfolio-page ul{color:#29486e;margin:.8rem 0 0;padding-left:1.1rem;line-height:1.7}.admin-panel{box-shadow:none;background:#f2eff7;border:1px solid #43659a29;border-radius:0;min-height:calc(100dvh - 88px);padding:1.5rem}.admin-login-page{place-items:center;display:grid}.admin-login-page .admin-login-shell{width:min(980px,100%)}.admin-login,.admin-form{gap:.65rem;display:grid}.admin-login h2,.admin-dashboard h2,.admin-card h3{color:#132747;margin:0;font-family:Sora,sans-serif}.admin-login label{color:#2e4c73;gap:.35rem;font-size:.9rem;display:grid}.admin-login input,.admin-form input,.admin-form textarea,.admin-form select{background:#ffffffdb;border:1px solid #46699c59;border-radius:10px;width:100%;padding:.6rem .7rem;font-family:Space Grotesk,sans-serif}.admin-password-field{position:relative}.admin-password-field input{padding-right:4.6rem}.admin-password-toggle{color:#2d4a71;cursor:pointer;background:#f5f8fff2;border:1px solid #46699c40;border-radius:8px;padding:.2rem .55rem;font-size:.76rem;font-weight:700;position:absolute;top:50%;right:.42rem;transform:translateY(-50%)}.admin-password-toggle:hover{background:#fff}.admin-password-toggle:focus-visible{outline-offset:1px;outline:2px solid #2b7ec680}.admin-form textarea{resize:vertical}.admin-form input[type=color]{border-radius:10px;height:44px;padding:.25rem}.admin-inline-field{color:#2e4c73;gap:.35rem;font-size:.88rem;display:grid}.admin-image-preview{background-position:50%;background-size:cover;border:1px solid #46699c47;border-radius:10px;width:100%;height:96px}.admin-toolbar,.admin-topbar{justify-content:space-between;align-items:center;gap:.8rem;display:flex}.admin-topbar-actions{align-items:center;gap:.55rem;display:flex}.admin-search-input{color:#3d3d54;background:#fff;border:1px solid #8880b147;border-radius:10px;min-width:220px;padding:.5rem .7rem;font-family:Space Grotesk,sans-serif}.admin-panel>.admin-toolbar{border-bottom:1px solid #4062962e;margin-bottom:1rem;padding-bottom:.9rem}.admin-login{background:#ffffffc7;border:1px solid #5070a53d;border-radius:14px;width:100%;max-width:none;margin:0;padding:1.1rem}.admin-login-shell{background:#ffffffc7;border:1px solid #5070a538;border-radius:18px;grid-template-columns:minmax(260px,.95fr) minmax(300px,1.05fr);display:grid;overflow:hidden;box-shadow:0 16px 34px #182a4e1f}.admin-login-brand{background:linear-gradient(145deg,#4f82d442,#5cbecd3d);border-right:1px solid #5070a529;align-content:center;gap:.72rem;padding:1.45rem;display:grid}.admin-login-kicker{text-transform:uppercase;letter-spacing:.08em;color:#335a8e;margin:0;font-size:.76rem;font-weight:700}.admin-login-brand h2{color:#163765;margin:0;font-family:Sora,sans-serif}.admin-login-brand p{color:#32537f;margin:0;line-height:1.6}.admin-login-pane{align-content:start;gap:.9rem;padding:1.2rem;display:grid}.admin-login-toolbar{border-bottom:1px solid #5070a533;margin-bottom:.25rem;padding-bottom:.72rem}.admin-login-form .primary-btn{margin-top:.35rem}.admin-login-divider{color:#3d5a83;grid-template-columns:1fr auto 1fr;align-items:center;gap:.6rem;margin-top:.1rem;font-size:.82rem;display:grid}.admin-login-divider:before,.admin-login-divider:after{content:"";background:#5070a540;height:1px}.admin-google-btn{width:100%;margin-top:.1rem}.admin-hint{color:#3a5a86}.admin-promo-bar{background:linear-gradient(90deg,#f7f4ff,#eeebf7);border:1px solid #9084bb33;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.7rem;margin-top:.75rem;padding:.7rem .8rem;display:flex}.admin-promo-bar p{color:#5d5f7f;margin:0;font-size:.9rem}.admin-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem;margin-top:.9rem;display:grid}.admin-metric-card{color:#fff;text-align:center;border:0;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:.9rem;transition:transform .2s,box-shadow .2s;display:flex}.admin-metric-card.metric-a{background:linear-gradient(135deg,#f2a97f,#ef7fa4)}.admin-metric-card.metric-b{background:linear-gradient(135deg,#74b1e7,#3c8ddf)}.admin-metric-card.metric-c{background:linear-gradient(135deg,#70c8bf,#3bbeb8)}.admin-metric-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #294d8224}.admin-metric-card span{color:#ffffffe0;font-size:.78rem;display:block}.admin-metric-card strong{color:#fff;margin-top:.25rem;font-size:1.1rem;display:block}.admin-metric-card small{color:#ffffffdb;margin-top:.35rem;font-size:.76rem;display:block}.admin-tabs{flex-wrap:wrap;gap:.45rem;margin-top:.95rem;display:flex}.admin-workspace{grid-template-columns:250px 1fr;align-items:start;gap:.95rem;margin-top:1rem;display:grid}.admin-sidebar-menu{background:#fff;border:1px solid #a39bc538;border-radius:14px;align-content:start;gap:.45rem;min-height:calc(100dvh - 110px);padding:.6rem;display:grid;position:sticky;top:88px}.admin-side-head{text-align:center;border-bottom:1px solid #a79dcd33;justify-items:center;gap:.45rem;margin-bottom:.25rem;padding-bottom:.55rem;display:grid}.admin-side-head h3{color:#3f4164;margin:0;font-family:Sora,sans-serif}.admin-side-head .secondary-btn{width:100%}.admin-side-actions{border-top:1px solid #a79dcd33;gap:.45rem;margin-top:auto;padding-top:.65rem;display:grid}.admin-side-actions .secondary-btn{text-align:center;width:100%}.admin-side-btn{color:#47476a;text-align:left;cursor:pointer;background:#faf8ff;border:1px solid #a69cce33;border-radius:10px;padding:.6rem .72rem;font-family:Space Grotesk,sans-serif;font-weight:600}.admin-side-btn.active{color:#fff;background:linear-gradient(130deg,#9f64f5,#8354db);border-color:#0000}.admin-content-pane{gap:1rem;display:grid}.admin-overview-board{gap:.9rem;display:grid}.admin-chart-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.admin-chart-card{background:#fbfaff;border:1px solid #9a90c22e;border-radius:12px;padding:.8rem}.admin-chart-card h4{color:#3c3d5f;margin:0;font-family:Sora,sans-serif;font-size:.94rem}.bar-chart-placeholder{align-items:end;gap:.45rem;min-height:110px;margin-top:.7rem;display:flex}.bar-chart-placeholder span{background:linear-gradient(#9a67f3,#6c99ee);border-radius:8px 8px 3px 3px;flex:1}.donut-chart-placeholder{background:conic-gradient(#f383ad 0 36%, #55c2c2 36% 68%, #6f9de9 68% 100%);border-radius:50%;width:126px;height:126px;margin:.85rem auto 0;position:relative}.donut-chart-placeholder:after{content:"";background:#fff;border-radius:50%;position:absolute;inset:25px}.admin-chart-legend{text-align:center;color:#71739a;margin:.55rem 0 0;font-size:.82rem}.admin-tab-btn{color:#1d3d6d;cursor:pointer;background:#ffffffc7;border:1px solid #47689b59;border-radius:999px;padding:.45rem .8rem;font-family:Space Grotesk,sans-serif;font-weight:600}.admin-tab-btn.active{color:#fff;background:linear-gradient(130deg,#3f79cf,#295fad);border-color:#0000}.admin-overview p{color:#35557d;margin:.65rem 0 0}.admin-overview ul{color:#35557d;margin:.7rem 0 0;padding-left:1.1rem;line-height:1.6}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin-top:.95rem;display:grid}.admin-card{background:#fff;border:1px solid #9a90c233;border-radius:14px;padding:.9rem;transition:transform .2s,box-shadow .2s}.site-editor-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;display:grid}.admin-card:hover{transform:translateY(-2px);box-shadow:0 12px 22px #2746751f}.admin-list{gap:.6rem;max-height:360px;margin-top:.8rem;padding-right:.3rem;display:grid;overflow:auto}.list-row{background:#f6fbffeb;border:1px solid #4f6fa440;border-radius:12px;justify-content:space-between;align-items:flex-start;gap:.8rem;padding:.65rem;display:flex}.list-row p,.list-row small{color:#3e5e89;margin:.2rem 0 0}.error-text{color:#9b2f39;margin:.9rem 0 0}.success-text{color:#206b44;margin:.9rem 0 0}.site-footer{background:radial-gradient(circle at 8% 10%,#ff8f5a2e,#0000 35%),radial-gradient(circle at 92% 85%,#3aafed2e,#0000 40%),linear-gradient(95deg,#f7fbff,#eef7ff 52%,#fff3eb);border-top:1px solid #43659a38;margin-top:auto;padding:1.2rem 1.3rem 1.25rem}.footer-simple{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.footer-info h4{color:#163862;margin:0;font-family:Sora,sans-serif;font-size:.95rem}.footer-info p{color:#3e5f8b;margin:.35rem 0 0;font-size:.84rem}.footer-social{flex-wrap:wrap;align-items:center;gap:.45rem;display:inline-flex}.footer-social span{color:#355a8c;text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.footer-social-link{color:#224777;background:#ffffffdb;border:1px solid #47689b47;border-radius:999px;align-items:center;gap:.35rem;padding:.36rem .6rem;font-family:Space Grotesk,sans-serif;font-size:.8rem;text-decoration:none;transition:transform .16s,border-color .16s,background-color .16s;display:inline-flex}.social-icon{font-size:.88rem;line-height:1}.footer-social-link:hover{background:#fffffff2;border-color:#47689b73;transform:translateY(-1px)}.footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.85rem;display:grid}.footer-card{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffffb8;border:1px solid #496b9f33;border-radius:14px;padding:.85rem;transition:transform .2s,box-shadow .2s}.footer-card:hover{transform:translateY(-2px);box-shadow:0 10px 20px #294d8221}.footer-brand-card{background:linear-gradient(140deg,#ffffffd1,#f0f8ffc2)}.footer-grid h4{color:#163862;margin:0;font-family:Sora,sans-serif;font-size:.95rem}.footer-grid p{color:#3e5f8b;margin:.35rem 0 0;font-size:.84rem}.footer-link-list{gap:.35rem;margin-top:.4rem;display:grid}.footer-link-btn{color:#224777;text-align:left;cursor:pointer;background:#ffffffdb;border:1px solid #47689b47;border-radius:10px;padding:.42rem .58rem;font-family:Space Grotesk,sans-serif;font-size:.82rem;transition:transform .16s,border-color .16s,background-color .16s}.footer-link-btn:hover{background:#fffffff2;border-color:#47689b73;transform:translate(2px)}.footer-copy{color:#4e6f9a;border-top:1px dashed #496b9f40;margin:.85rem 0 0;padding-top:.75rem;font-size:.78rem}.site-wrapper.dark-theme .site-footer{background:radial-gradient(circle at 10% 15%,#ec6e4c2e,#0000 40%),radial-gradient(circle at 90% 82%,#4f89d833,#0000 44%),linear-gradient(95deg,#141f3a,#1a294d 55%,#1d2744);border-top-color:#7a96c538}.site-wrapper.dark-theme .footer-card{background:#111c34d1;border-color:#7893c24d}.site-wrapper.dark-theme .footer-info h4,.site-wrapper.dark-theme .footer-copy{color:#d8e3ff}.site-wrapper.dark-theme .footer-info p{color:#b8c8ea}.site-wrapper.dark-theme .footer-social span{color:#c7d9fb}.site-wrapper.dark-theme .footer-social-link{color:#d8e3ff;background:#141f3ae0;border-color:#7893c259}.site-wrapper.dark-theme .footer-social-link:hover{background:#1b2a4cf2;border-color:#8ca6d480}.site-wrapper.dark-theme .footer-link-btn{color:#d8e3ff;background:#141f3ae0;border-color:#7893c259}.site-wrapper.dark-theme .footer-link-btn:hover{background:#1b2a4cf2;border-color:#8ca6d480}.site-wrapper.dark-theme .meta-chip{color:#dce8ff;background:#182a4cdb;border-color:#7893c261}.site-wrapper.dark-theme .footer-grid h4,.site-wrapper.dark-theme .footer-copy{color:#d8e3ff}.site-wrapper.dark-theme .footer-grid p{color:#b8c8ea}.site-wrapper.dark-theme .footer-copy{border-top-color:#7893c247}@keyframes rise-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes answer-enter{0%{opacity:0;transform:translateY(6px)scale(.99)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes mirror-shift{0%{background-position:0%,100%,50%}50%{background-position:100%,0%,55% 45%}to{background-position:0%,100%,50%}}@keyframes mirror-sweep{0%{opacity:0;transform:translate(-62%)skew(-12deg)}15%{opacity:1}55%{opacity:.95;transform:translate(58%)skew(-12deg)}to{opacity:0;transform:translate(58%)skew(-12deg)}}@keyframes mirror-pulse{0%,to{opacity:.4}50%{opacity:.8}}@keyframes float-orb{0%,to{transform:translate(0,0)}50%{transform:translateY(-14px)}}@media (prefers-reduced-motion:reduce){.site-wrapper,.home-page,.portfolio-page,.quiz-panel,.banner-card,.hero-media,.intro-block,.question-block,.result-block,.answer-btn,.ambient-orb,.banner-card:before,.value-card:before,.topic-card:before,.topics-panel:before{animation:none!important}.topic-card,.topic-choice-card,.admin-metric-card,.admin-card,.footer-card,.primary-btn,.secondary-btn,.footer-link-btn,.answer-btn{transition:none!important}}@media (width<=920px){.layout-shell{grid-template-columns:1fr}.header-nav{justify-content:flex-start;width:100%}.header-nav .menu-btn{min-width:106px}.content-area{padding:1.2rem}.content-area.admin-content{padding:0}.home-page{padding:1.1rem}.banner-card{grid-template-columns:1fr;padding:1rem}.banner-card>.profile-photo,.banner-card>div:not(.profile-photo){order:initial}.profile-photo{height:220px}.hero-media{min-height:180px}.hero-media-grid,.hero-stats,.value-grid{grid-template-columns:1fr}.topic-card-image{height:124px}.topic-choice-image{height:144px}.topic-choice-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.top-header{grid-template-columns:1fr;align-items:stretch}.brand-search-group{align-items:stretch;gap:.5rem;width:100%}.header-main-right{justify-items:stretch;gap:.55rem;width:100%;display:grid}.header-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.header-search{width:100%}.header-search input{flex:1;width:100%;min-width:180px}.header-search-btn{min-width:92px}.header-tagline{text-align:center;width:100%}.admin-grid{grid-template-columns:1fr}.admin-topbar{flex-direction:column;align-items:flex-start}.admin-topbar-actions{grid-template-columns:1fr auto;gap:.5rem;width:100%;display:grid}.admin-search-input{width:100%;min-width:0}.admin-workspace{grid-template-columns:1fr}.admin-sidebar-menu{position:static;top:auto}.admin-login-shell{grid-template-columns:1fr}.admin-login-brand{border-bottom:1px solid #5070a529;border-right:none}.site-wrapper.dark-theme .admin-login-brand{border-bottom-color:#7893c242}.site-editor-grid{grid-template-columns:1fr}.result-layout{grid-template-columns:1fr;min-height:0}.result-score-card{border-bottom:1px solid #ffffff24;gap:.7rem;padding:1.35rem 1rem}.result-score-ring{width:132px;height:132px}.result-score-ring strong{font-size:2.6rem}.result-summary-card{padding:1.1rem}.result-summary-card h3{font-size:1.15rem}.result-summary-list li{padding:.64rem .72rem}.result-summary-list li span,.result-summary-list li strong{font-size:.9rem}.admin-chart-grid,.admin-metrics{grid-template-columns:1fr}.list-row,.admin-panel>.admin-toolbar,.admin-toolbar{flex-direction:column;align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-simple{flex-direction:column;align-items:flex-start}}@media (width<=640px){.site-wrapper{overflow-x:clip}.mobile-menu-backdrop,.mobile-side-panel{display:block}.mobile-menu-backdrop.visible{opacity:1;pointer-events:auto}.mobile-side-panel.open{transform:translate(0)}.top-header{background:linear-gradient(#161b23 0%,#242d3a 100%);border-bottom-color:#ffffff14;gap:.7rem;padding:.7rem .75rem .85rem}.site-wrapper.dark-theme .top-header{background:linear-gradient(#0f1626 0%,#1b2844 100%);border-bottom-color:#b7cbee1f}.mobile-header-bar{grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:.7rem;display:grid}.mobile-brand-home-btn{color:#fff}.mobile-brand-home-btn .brand-text strong{color:#fff;font-size:.96rem}.mobile-brand-home-btn .brand-text small{color:#eef3fbbd;letter-spacing:.18em;white-space:nowrap;text-overflow:ellipsis;max-width:180px;font-size:.58rem;overflow:hidden}.mobile-brand-home-btn .brand-dot,.brand-search-group,.header-main-right,.desktop-brand-home-btn{display:none}.content-area,.home-page,.quiz-page,.portfolio-page,.admin-panel{padding:.85rem}.banner-card,.hero-card,.question-card,.admin-login,.admin-card{border-radius:12px}.result-score-ring{width:112px;height:112px}.result-score-ring strong{font-size:2.15rem}.admin-login-brand,.admin-login-pane,.admin-login{padding:.9rem}.admin-topbar-actions{grid-template-columns:1fr}.admin-search-input{width:100%;min-width:0}.value-grid{grid-template-columns:repeat(2,1fr)}.topic-choice-grid{grid-template-columns:1fr}.topic-choice-image{height:116px}.profile-photo{height:180px}.answer-btn{min-height:50px;padding:.75rem 1rem}.primary-btn{min-height:46px}.result-continue-btn{width:100%;min-height:50px}.result-replay-btn{width:100%;min-height:46px}.theme-toggle-btn{width:100%;min-height:40px}.language-select{width:100%}.language-select select{flex:1;width:100%;min-height:40px;padding:.35rem .5rem}.header-search-btn{min-height:40px}.home-page h1{font-size:clamp(1.55rem,5.5vw,2rem)}.banner-card{grid-template-columns:1fr}.banner-card>.profile-photo{order:2;margin-top:.5rem}.banner-card>div:not(.profile-photo){order:1}.result-summary-card{padding:1rem}.inline-actions{flex-direction:column}.inline-actions .primary-btn,.inline-actions .secondary-btn{text-align:center;justify-content:center;width:100%}.footer-simple{gap:.75rem}.footer-social{flex-wrap:wrap}}