@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Serif+Display:ital@0;1&display=swap";:root{--font-sans:"DM Sans", system-ui, -apple-system, sans-serif;--font-display:"DM Serif Display", Georgia, serif;--bg:#0d0d0d;--bg-surface:#141414;--bg-raised:#1a1a1a;--bg-border:#252525;--text-primary:#f5f2ed;--text-secondary:#c8c2b8;--text-muted:#8a8480;--accent:#e8a838;--accent-dim:#e8a8381f;--accent-border:#e8a83840;--blue:#4a8fd4;--blue-dim:#4a8fd41a;--success:#5cb87a;--error:#e05555;--border:1px solid #252525;--border-accent:1px solid #e8a8384d;--shadow-sm:0 1px 4px #0006;--shadow-md:0 4px 16px #00000080;--shadow-lg:0 12px 40px #0009;--ease-fast:.18s cubic-bezier(.25, .46, .45, .94);--ease-medium:.35s cubic-bezier(.25, .46, .45, .94);--radius-sm:6px;--radius-md:12px;--radius-lg:20px;--max-width:1160px;--section-pad:7rem 1.5rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background-color:var(--bg);font-size:16px;overflow-x:hidden}body{min-height:100vh;font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:1rem;line-height:1.65}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--bg-border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.01em;color:var(--text-primary);font-weight:400;line-height:1.15}h1{font-size:clamp(2.8rem,7vw,5.5rem)}h2{font-size:clamp(2rem,4vw,3.2rem)}h3{font-size:clamp(1.4rem,2.5vw,1.9rem)}h4{font-size:1.15rem;font-family:var(--font-sans);font-weight:600}p{color:var(--text-secondary);line-height:1.7}a{color:inherit;transition:color var(--ease-fast);text-decoration:none}img{max-width:100%;height:auto;display:block}button,input,textarea,select{font-family:inherit;font-size:inherit}.container{max-width:var(--max-width);width:100%;margin:0 auto;padding:0 1.5rem}.section{padding:var(--section-pad)}.section-sm{padding:5rem 1.5rem}.label{font-family:var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--accent);align-items:center;gap:.5rem;font-size:.78rem;font-weight:600;display:inline-flex}.label:before{content:"";background:var(--accent);flex-shrink:0;width:20px;height:1.5px;display:block}.section-title{margin-top:.75rem;margin-bottom:.6rem}.divider{background:var(--bg-border);border:none;width:100%;height:1px;margin:0}.btn{border-radius:var(--radius-sm);font-family:var(--font-sans);cursor:pointer;transition:all var(--ease-fast);white-space:nowrap;letter-spacing:.01em;border:none;justify-content:center;align-items:center;gap:.5rem;padding:.7rem 1.6rem;font-size:.92rem;font-weight:600;display:inline-flex}.btn-primary{background:var(--accent);color:#0d0d0d;border:1px solid var(--accent)}.btn-primary:hover{background:#f0b84a;transform:translateY(-2px);box-shadow:0 6px 20px #e8a8384d}.btn-ghost{color:var(--text-secondary);border:1px solid var(--bg-border);background:0 0}.btn-ghost:hover{border-color:var(--text-muted);color:var(--text-primary);transform:translateY(-1px)}.btn-outline{color:var(--accent);border:1px solid var(--accent-border);background:0 0}.btn-outline:hover{background:var(--accent-dim);transform:translateY(-1px)}.card{background:var(--bg-surface);border:1px solid var(--bg-border);border-radius:var(--radius-md);transition:border-color var(--ease-medium), transform var(--ease-medium), box-shadow var(--ease-medium);padding:1.75rem}.card:hover{box-shadow:var(--shadow-lg);border-color:#353535;transform:translateY(-3px)}.card-accent{border-left:3px solid var(--accent)}.chip{font-size:.82rem;font-weight:500;font-family:var(--font-sans);letter-spacing:.01em;transition:all var(--ease-fast);border-radius:9999px;align-items:center;padding:.35rem .85rem;display:inline-flex}.chip-strong{background:var(--accent-dim);border:1px solid var(--accent-border);color:var(--accent)}.chip-learning{background:var(--blue-dim);color:var(--blue);border:1px solid #4a8fd440}.chip-familiar{border:1px solid var(--bg-border);color:var(--text-muted);background:#ffffff0a}.navbar{z-index:1000;height:64px;transition:background var(--ease-medium), border-color var(--ease-medium);align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--bg-border);background:#0d0d0deb}.navbar-inner{justify-content:space-between;align-items:center;width:100%;display:flex}.nav-logo{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.02em;font-size:1.35rem}.nav-logo span{color:var(--accent)}.nav-links{align-items:center;gap:.25rem;list-style:none;display:flex}.nav-link{border-radius:var(--radius-sm);color:var(--text-muted);transition:color var(--ease-fast), background var(--ease-fast);padding:.4rem .85rem;font-size:.9rem;font-weight:500}.nav-link:hover{color:var(--text-primary);background:#ffffff0a}.nav-link.active{color:var(--text-primary);background:#ffffff0d}.footer{border-top:1px solid var(--bg-border);background:var(--bg-surface);padding:3rem 1.5rem}.form-field{flex-direction:column;gap:.45rem;display:flex}.form-label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.form-input{background:var(--bg-raised);border:1px solid var(--bg-border);border-radius:var(--radius-sm);color:var(--text-primary);transition:border-color var(--ease-fast), box-shadow var(--ease-fast);outline:none;width:100%;padding:.75rem 1rem}.form-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #e8a8381a}.form-input::placeholder{color:var(--text-muted)}textarea.form-input{resize:vertical;min-height:120px}.timeline{padding-left:2rem;position:relative}.timeline:before{content:"";background:linear-gradient(to bottom, var(--accent), transparent);width:1px;position:absolute;top:8px;bottom:8px;left:0}.timeline-item{margin-bottom:2.5rem;position:relative}.timeline-item:before{content:"";background:var(--accent);border:2px solid var(--bg);border-radius:50%;width:10px;height:10px;position:absolute;top:8px;left:-2.42rem;box-shadow:0 0 10px #e8a83866}@keyframes page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:page-in .4s var(--ease-medium) both}.text-accent{color:var(--accent)}.text-muted{color:var(--text-muted)}.text-secondary{color:var(--text-secondary)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.5rem}.gap-2{gap:1rem}.gap-3{gap:1.5rem}.gap-4{gap:2rem}.gap-5{gap:3rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mt-6{margin-top:3rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.w-full{width:100%}.scroll-progress-bar{background:var(--accent);z-index:9999;height:2px;transition:width .1s linear;position:fixed;top:0;left:0}@media (width<=992px){:root{--section-pad:5.5rem 1.25rem}}@media (width<=768px){:root{--section-pad:4.5rem 1rem}h1{font-size:clamp(2.2rem,10vw,3rem)}h2{font-size:clamp(1.7rem,7vw,2.4rem)}.btn{padding:.65rem 1.3rem;font-size:.88rem}.nav-links{display:none}}@media (width<=480px){:root{--section-pad:3.5rem .85rem}.container{padding:0 1rem}}