:root{--navy:#102a43;--navy-2:#173b59;--blue:#3567d8;--blue-soft:#eaf0ff;--ink:#172b3b;--muted:#607486;--line:#e0e8ee;--paper:#fff;--wash:#f5f8fa;--mint:#bcf0d5;--shadow:0 12px 28px rgba(16,42,67,.08)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--wash);color:var(--ink);font-family:"Noto Sans SC",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.65}button,input,select{font:inherit}button{cursor:pointer}.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#102a43 4%,#163e5d 63%,#1b4b66);color:white;padding:22px 22px 62px}.hero-inner{position:relative;z-index:1;max-width:1000px;margin:auto}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;letter-spacing:.02em}.brand-mark{display:grid;place-items:center;width:31px;height:31px;border:1px solid rgba(255,255,255,.38);border-radius:10px;background:rgba(255,255,255,.1);color:#c6f2d9;font-size:16px}.brand-divider{color:#7392a8;font-weight:400;padding:0 3px}.eyebrow{margin:35px 0 10px;color:#a8c8d7;font:600 11px/1.4 "DM Sans","Noto Sans SC",sans-serif;letter-spacing:.14em;text-transform:uppercase}.hero h1{margin:0;font-size:clamp(34px,8vw,58px);line-height:1.23;font-weight:800;letter-spacing:-.04em}.hero h1 em{font-style:normal;color:#bdf1d5}.hero-copy{max-width:460px;margin:16px 0 0;color:#c3d2dc;font-size:14px}.hero-stats{display:flex;align-items:center;gap:22px;margin-top:28px}.hero-stats div{display:grid;gap:1px}.hero-stats strong{font:700 24px/1.2 "DM Sans",sans-serif;letter-spacing:-.04em;color:#fff}.hero-stats span{font-size:11px;color:#aac3d0}.hero-stats i{width:1px;height:30px;background:rgba(255,255,255,.25)}.hero-orbit{position:absolute;border:1px solid rgba(185,234,217,.11);border-radius:50%;pointer-events:none}.orbit-one{width:360px;height:360px;right:-168px;top:65px}.orbit-two{width:245px;height:245px;right:-110px;top:122px;border-color:rgba(185,234,217,.13)}
main{max-width:1000px;margin:-30px auto 0;padding:0 16px 40px;position:relative;z-index:2}.search-panel{background:var(--paper);border:1px solid #e7edf1;border-radius:18px;padding:18px 16px 14px;box-shadow:var(--shadow)}.search-label{display:block;margin:0 0 8px;color:#486174;font-size:12px;font-weight:700;letter-spacing:.04em}.search-box{display:flex;align-items:center;gap:10px;min-height:54px;padding:0 14px;border:1.5px solid #dce6ed;border-radius:12px;background:#fbfdfe;transition:border-color .18s,box-shadow .18s}.search-box:focus-within{border-color:#6d8ce4;box-shadow:0 0 0 4px rgba(53,103,216,.1)}.search-box svg{width:21px;height:21px;flex:0 0 auto;fill:none;stroke:#72889a;stroke-width:1.8;stroke-linecap:round}.search-box input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ink);font-size:14px}.search-box input::placeholder{color:#94a4b0}.clear-search{width:28px;height:28px;border:0;border-radius:50%;background:#eaf0f4;color:#577084;font-size:22px;line-height:1}.quick-searches{display:flex;align-items:center;gap:7px;overflow:auto;white-space:nowrap;margin:12px -2px 16px;padding:0 2px 2px;scrollbar-width:none}.quick-searches::-webkit-scrollbar,.tabs::-webkit-scrollbar{display:none}.quick-searches span{font-size:11px;color:#8798a5;margin-right:2px}.quick-searches button{border:1px solid #e2e9ee;border-radius:99px;background:#f8fafb;color:#526b7c;padding:4px 10px;font-size:11px}.quick-searches button:active{background:var(--blue-soft);color:#264fbd}.filters{display:grid;gap:12px}.tabs{display:flex;gap:6px;overflow:auto;scrollbar-width:none;padding-bottom:1px}.tab{flex:0 0 auto;border:1px solid transparent;border-radius:9px;background:transparent;color:#6a7f8e;padding:7px 11px;font-size:12px;font-weight:600}.tab.active{border-color:#cdd9ff;background:#edf2ff;color:#2d57bd}.type-filter{display:flex;align-items:center;gap:10px;color:#7c8d99;font-size:11px}.type-filter select{flex:1;min-height:38px;border:1px solid #e1e8ed;border-radius:9px;background:#fff;color:#40586a;padding:0 10px;font-size:12px;outline:0}.results-section{padding-top:26px}.results-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:14px}.dark-eyebrow{margin:0 0 4px;color:#6d8595;font-size:10px}.results-heading h2{margin:0;font-size:21px;line-height:1.3;letter-spacing:-.025em}.result-count{padding:5px 9px;border-radius:99px;background:#e9eff3;color:#607585;font:600 11px "DM Sans","Noto Sans SC",sans-serif}.results-grid{display:grid;gap:11px}.question-card{background:#fff;border:1px solid #e5ecf0;border-radius:15px;padding:15px 15px 13px;box-shadow:0 3px 10px rgba(16,42,67,.025);animation:appear .25s ease both}.card-meta{display:flex;align-items:center;gap:6px;margin-bottom:9px}.badge{display:inline-flex;align-items:center;border-radius:6px;padding:3px 7px;font-size:10px;font-weight:700;line-height:1.45}.badge.type{background:#eaf0ff;color:#3c5fb6}.badge.source{background:#eff4f5;color:#647987;font-weight:600}.question{margin:0;color:#20394a;font-size:15px;line-height:1.7;font-weight:700;letter-spacing:.005em;overflow-wrap:anywhere}.answer-block{display:flex;gap:10px;align-items:flex-start;margin-top:12px;padding:11px 12px;border-radius:10px;background:#f3f8f5;border:1px solid #e2f0e7}.answer-label{flex:0 0 auto;color:#548069;font-size:10px;font-weight:800;letter-spacing:.06em;padding-top:2px}.answer-content{color:#225e43;font-size:14px;font-weight:700;line-height:1.55;overflow-wrap:anywhere}.answer-code{display:block;margin-top:3px;color:#7b8f83;font-size:10px;font-weight:500}.details{margin-top:10px;border-top:1px solid #edf1f3;padding-top:8px}.details summary{list-style:none;display:flex;align-items:center;justify-content:space-between;color:#6f8492;font-size:11px;font-weight:600;cursor:pointer}.details summary::-webkit-details-marker{display:none}.details summary::after{content:"＋";font-size:15px;color:#7d92a0}.details[open] summary::after{content:"−"}.options{display:grid;gap:5px;margin:10px 0 0;padding:0;list-style:none}.option{display:flex;gap:8px;color:#556c7b;font-size:12px;line-height:1.55}.option-label{flex:0 0 18px;color:#91a1ab;font-weight:700}.option.correct{color:#246747;font-weight:700}.option.correct .option-label{color:#21824e}.card-note{margin:9px 0 0;color:#85949e;font-size:11px;line-height:1.55}.empty-state{text-align:center;padding:40px 18px;background:#fff;border:1px solid #e5ecf0;border-radius:15px}.empty-icon{font-size:44px;line-height:1;color:#9bb0bc}.empty-state h3{margin:8px 0 4px;font-size:16px}.empty-state p{margin:0 0 17px;color:#778c9a;font-size:12px}.reset-button,.show-more{display:block;margin:15px auto 0;border:1px solid #dbe5ea;border-radius:10px;background:#fff;color:#456276;padding:9px 15px;font-size:12px;font-weight:700}.show-more{width:100%;max-width:400px;margin-top:18px}.note-card{display:flex;gap:10px;align-items:flex-start;margin-top:24px;padding:13px 14px;border:1px solid #e5e9de;border-radius:13px;background:#fbfcf6;color:#66725f}.note-icon{display:grid;place-items:center;flex:0 0 19px;height:19px;border-radius:50%;background:#e8efdf;color:#6d835d;font:700 12px "DM Sans",sans-serif}.note-card p{margin:0;font-size:11px;line-height:1.65}.note-card strong{color:#4e6545}footer{display:flex;justify-content:space-between;gap:12px;max-width:1000px;margin:0 auto;padding:0 18px 24px;color:#93a2ac;font-size:10px}.question-card:nth-child(2){animation-delay:.025s}.question-card:nth-child(3){animation-delay:.05s}.question-card:nth-child(4){animation-delay:.075s}@keyframes appear{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:680px){.hero{padding:30px 32px 82px}.hero-inner{padding:0 8px}.hero-stats{margin-top:32px}.hero-orbit.orbit-one{right:5%;top:40px}.orbit-two{right:10%;top:95px}main{padding:0 24px 56px}.search-panel{padding:23px 24px 18px}.search-label{font-size:13px}.filters{grid-template-columns:1fr auto;align-items:center}.tabs{gap:8px}.tab{font-size:12px;padding:8px 13px}.type-filter select{min-width:125px}.results-section{padding-top:34px}.results-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.question-card{padding:17px}.question{font-size:14px}.note-card{padding:14px 17px}footer{padding-left:24px;padding-right:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}