:root{--bg:#f5f0eb;--gray:#c8c0b6;--gray-dark:#9a9288;--green:#7b8c6e;--green-light:#a3b59a;--brown:#3c2f1f;--brown-light:#5c4a35;--acid:#e8c840;--acid-dim:#c4a830;--pink:#e4c0c4;--white:#fafaf7;--black:#1a1510;--red-stamp:#c04040;--font-copy:'TikTok Sans',-apple-system,BlinkMacSystemFont,sans-serif;--font-heading:'Vaibik Sexsmith','TikTok Sans',Georgia,'Times New Roman',serif;--max-w:1100px}*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-copy);background:var(--bg);color:var(--brown);line-height:1.55;font-weight:400;letter-spacing:-0.01em;-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:90px;transition:background .4s,color .4s}body.dark{--bg:#1a1815;--gray:#3a3530;--gray-dark:#5a5550;--brown:#c8c0b6;--brown-light:#a09890;--white:#2a2825;--black:#e8e4e0;--acid:#b89820;--acid-dim:#907820}body.dark .stamp,body.dark .classified-bar,body.dark .specimen-badge{filter:brightness(.9)}h1,h2,h3,h4,.serif{font-family:var(--font-heading);font-weight:400;letter-spacing:-0.02em;line-height:.95}h1{font-size:clamp(2rem,5vw,3.6rem)}h2{font-size:clamp(1.4rem,3vw,2.2rem)}h3{font-size:clamp(1.1rem,2vw,1.5rem)}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(245,240,235,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--gray);transition:background .4s,border-color .4s}body.dark .nav{background:rgba(26,24,21,.92)}.nav-inner{max-width:var(--max-w);margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:.6rem 1.2rem;gap:1rem}.nav-logo{font-family:var(--font-heading);font-size:.85rem;font-weight:400;text-transform:uppercase;letter-spacing:.06em;color:var(--brown);text-decoration:none;line-height:1.15;transition:color .3s}.nav-logo:hover{color:var(--green)}.nav-links{display:flex;gap:.9rem;flex-wrap:wrap;align-items:center}.nav-links a{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--brown);text-decoration:none;font-weight:500;padding:.25rem 0;border-bottom:1px solid transparent;transition:border-color .3s,color .3s}.nav-links a:hover{border-bottom-color:var(--green);color:var(--green)}.theme-toggle{background:0 0;border:1px solid var(--gray-dark);color:var(--brown);font-size:.65rem;text-transform:uppercase;letter-spacing:.06em;padding:.3rem .7rem;cursor:pointer;font-family:var(--font-copy);border-radius:2px;transition:all .3s}.theme-toggle:hover{border-color:var(--brown);background:var(--brown);color:var(--bg)}section{padding:5rem 1.2rem}section.alt{background:var(--white)}body.dark section.alt{background:#1f1d1a}.section-inner{max-width:var(--max-w);margin:0 auto}.section-label{font-family:var(--font-copy);font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-dark);margin-bottom:.6rem;font-weight:500}.section-title{font-family:var(--font-heading);font-size:clamp(1.6rem,3.5vw,2.4rem);margin-bottom:2rem;line-height:.95}.hero{min-height:100vh;display:flex;align-items:center;padding-top:4rem;position:relative;overflow:hidden}.hero-bg{position:absolute;inset:0;z-index:0}.hero-bg img{width:100%;height:100%;object-fit:cover;filter:saturate(.3) contrast(.9) brightness(.95);opacity:.55}body.dark .hero-bg img{filter:saturate(.2) contrast(.85) brightness(.4);opacity:.6}.hero-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(245,240,235,.7) 0%,rgba(245,240,235,.9) 100%)}body.dark .hero-bg::after{background:linear-gradient(180deg,rgba(26,24,21,.7) 0%,rgba(26,24,21,.9) 100%)}.hero-content{position:relative;z-index:1;max-width:var(--max-w);margin:0 auto;padding:2rem 1.2rem}.hero-stamp{display:inline-block;border:2px solid var(--red-stamp);color:var(--red-stamp);font-size:.55rem;text-transform:uppercase;letter-spacing:.15em;padding:.3rem .8rem;margin-bottom:1.5rem;font-weight:600;transform:rotate(-2deg);opacity:.75}.hero h1{font-family:var(--font-heading);font-size:clamp(2.2rem,6vw,4rem);line-height:.95;margin-bottom:1rem;max-width:900px}.hero-subtitle{font-size:clamp(.95rem,1.5vw,1.15rem);color:var(--brown-light);margin-bottom:2.5rem;max-width:650px;line-height:1.4}.hero-buttons{display:flex;flex-wrap:wrap;gap:.8rem}.btn{display:inline-block;font-family:var(--font-copy);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.06em;padding:.85rem 1.6rem;border:1px solid var(--brown);text-decoration:none;cursor:pointer;transition:all .35s ease;text-align:center;position:relative;overflow:hidden;border-radius:2px}.btn-primary{background:var(--brown);color:var(--bg)}.btn-primary:hover{background:var(--green);border-color:var(--green);transform:translateY(-1px)}.btn-outline{background:0 0;color:var(--brown)}.btn-outline:hover{background:var(--brown);color:var(--bg);transform:translateY(-1px)}.btn-acid{background:var(--acid);color:var(--brown);border-color:var(--acid)}.btn-acid:hover{background:var(--acid-dim);border-color:var(--acid-dim);transform:translateY(-1px)}.btn-small{font-size:.65rem;padding:.5rem 1rem}.classified-bar{background:var(--black);color:var(--bg);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;text-align:center;padding:.5rem;font-weight:600;margin:1.5rem 0}body.dark .classified-bar{background:#333;color:#ddd}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.card{background:var(--white);border:1px solid var(--gray);padding:1.5rem;position:relative;transition:transform .3s ease,box-shadow .3s ease;border-radius:1px}.card:hover{transform:translateY(-3px);box-shadow:0 8px 25px rgba(0,0,0,.06)}.specimen-badge{display:inline-block;font-size:.55rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-dark);border:1px solid var(--gray);padding:.2rem .5rem;margin-bottom:.8rem;font-weight:600}.card h3{margin-bottom:.6rem}.card p{font-size:.9rem;color:var(--brown-light);line-height:1.5;margin-bottom:.5rem}.danger-level{display:inline-block;font-size:.6rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;padding:.2rem .6rem;margin-top:.8rem}.danger-low{background:var(--green-light);color:#2a3a20}.danger-mid{background:var(--acid);color:#3a3020}.danger-high{background:#d4886a;color:#3a1a10}.danger-unknown{background:var(--gray);color:#3a3030}.danger-passive{background:var(--pink);color:#4a2020}.stamp{display:inline-block;border:2px solid var(--red-stamp);color:var(--red-stamp);font-size:.6rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;padding:.25rem .6rem;transform:rotate(-5deg);opacity:.6;position:absolute;top:1rem;right:1rem;pointer-events:none}.test-container{max-width:700px}.test-question{background:var(--white);border:1px solid var(--gray);padding:2rem;margin-bottom:1.5rem;transition:border-color .3s}.test-question.active{border-color:var(--brown)}.test-q-num{font-size:.6rem;text-transform:uppercase;letter-spacing:.12em;color:var(--gray-dark);margin-bottom:.5rem}.test-q-text{font-size:1.05rem;margin-bottom:1.2rem;font-family:var(--font-heading);line-height:1.2}.test-options{display:flex;flex-direction:column;gap:.5rem}.test-option{display:flex;align-items:center;gap:.7rem;padding:.7rem 1rem;border:1px solid var(--gray);cursor:pointer;transition:all .25s;font-size:.88rem;border-radius:2px}.test-option:hover{border-color:var(--brown);background:rgba(0,0,0,.02)}.test-option.selected{border-color:var(--green);background:rgba(123,140,110,.08)}.test-option input[type=radio]{accent-color:var(--green)}.test-progress{height:2px;background:var(--gray);margin-bottom:2rem}.test-progress-bar{height:100%;background:var(--green);transition:width .4s ease}.test-result{background:var(--white);border:1px solid var(--brown);padding:2.5rem;text-align:center;display:none}.test-result.show{display:block;animation:fadeIn .5s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.result-percent{font-size:4rem;font-family:var(--font-heading);line-height:1;margin-bottom:.5rem}.result-label{font-size:1.1rem;color:var(--brown-light);margin-bottom:1.5rem}.result-description{font-size:.95rem;color:var(--brown-light);max-width:500px;margin:0 auto 1.5rem;line-height:1.5}