*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f5f0e8;--paper:#fdfaf4;--surface:#fff;--border:#e0d8c8;--border2:#c8bea8;--accent:#2d6a4f;--accent-light:#e8f5ee;--accent2:#c05a1f;--accent2-light:#fdf0e8;--text:#1a1a14;--muted:#7a7060;--error:#b83232;--error-light:#fdf0f0;--warning:#8a6a00;--warning-light:#fffbe8;--radius:10px;--shadow:0 2px 12px #00000014, 0 1px 3px #0000000f;--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-out-cubic:cubic-bezier(.65, 0, .35, 1);--spring:cubic-bezier(.175, .885, .32, 1.275)}:root[data-theme=dark]{--bg:#121212;--paper:#1e1e1e;--surface:#2a2a2a;--border:#333;--border2:#444;--text:#e0e0e0;--muted:#a0a0a0;--accent:#4ade80;--accent-light:#4ade801a;--accent2:#f97316;--accent2-light:#f973161a;--error:#ef4444;--error-light:#ef44441a;--warning:#eab308;--warning-light:#eab3081a;--shadow:0 4px 16px #0000004d, 0 2px 4px #0003}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(circle at 15% 20%,#2d6a4f0f 0%,#0000 50%),radial-gradient(circle at 85% 80%,#c05a1f0d 0%,#0000 50%);min-height:100vh;font-family:Outfit,sans-serif}.top-nav{background:var(--paper);border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 40px;display:flex;box-shadow:0 1px 4px #0000000f}.nav-brand{align-items:baseline;gap:12px;display:flex}.logo{color:var(--text);letter-spacing:-.5px;font-family:Libre Baskerville,serif;font-size:26px;font-weight:700;text-decoration:none}.logo span{color:var(--accent)}.logo-tag{color:var(--muted);letter-spacing:.5px;font-family:Libre Baskerville,serif;font-size:12px;font-style:italic;font-weight:300}.nav-links{gap:24px;font-family:Outfit,sans-serif;display:flex}.nav-link{color:var(--muted);transition:all .3s var(--ease-out-expo);padding:4px 0;font-size:15px;font-weight:500;text-decoration:none;position:relative}.nav-link:after{content:"";background:var(--accent);width:0;height:2px;transition:width .3s var(--ease-out-expo);border-radius:2px;position:absolute;bottom:0;left:0}.nav-link:hover{color:var(--text)}.nav-link:hover:after{width:100%}.nav-link.active{color:var(--accent);font-weight:600}.nav-link.active:after{width:100%}.theme-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin-left:12px;padding:4px;font-size:18px;transition:transform .2s,background .2s,color .2s;display:flex}.theme-toggle:hover{background:var(--accent-light);transform:scale(1.1)}:root[data-theme=dark] .theme-toggle{color:#f5f0e8}.stagger-reveal>*{opacity:0;animation:staggerIn .6s var(--ease-out-expo) forwards;transform:translateZ(0)}.stagger-reveal>:first-child{animation-delay:.1s}.stagger-reveal>:nth-child(2){animation-delay:.2s}.stagger-reveal>:nth-child(3){animation-delay:.3s}.stagger-reveal>:nth-child(4){animation-delay:.4s}.stagger-reveal>:nth-child(5){animation-delay:.5s}@keyframes staggerIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.shimmer{background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%) 0 0/200% 100%;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::view-transition-old(root){mix-blend-mode:normal;animation:none}::view-transition-new(root){animation:laserScan .8s var(--ease-in-out-cubic) forwards;mix-blend-mode:normal}@keyframes laserScan{0%{clip-path:inset(0 0 100%)}to{clip-path:inset(0)}}@keyframes laserScanReverse{0%{clip-path:inset(100% 0 0)}to{clip-path:inset(0)}}:root.transition-reverse::view-transition-new(root){animation:laserScanReverse .8s var(--ease-in-out-cubic) forwards}::view-transition-group(root){overflow:hidden}.nav-actions{align-items:center;gap:8px;display:flex}.menu-toggle{cursor:pointer;color:var(--text);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:6px;transition:background .2s,color .2s;display:none}.menu-toggle:hover{background:var(--accent-light)}@media (width<=768px){.top-nav{z-index:1000;padding:12px 20px;position:relative}.logo-tag{display:none}.menu-toggle{display:flex}.nav-links{background:var(--paper);border-bottom:1.5px solid var(--border);opacity:0;visibility:hidden;width:100%;transition:opacity .3s var(--ease-out-expo), transform .3s var(--ease-out-expo), visibility .3s;z-index:999;flex-direction:column;gap:0;padding:8px 0;position:absolute;top:100%;left:0;transform:translateY(-10px);box-shadow:0 4px 12px #0000000d}.nav-links.open{opacity:1;visibility:visible;transform:translateY(0)}.nav-link{border-bottom:1px solid #00000005;width:100%;padding:14px 24px;font-size:16px}:root[data-theme=dark] .nav-link{border-bottom:1px solid #ffffff05}.nav-link:after{display:none}.nav-link:hover,.nav-link.active{background:var(--accent-light);color:var(--accent)}}.feedback-float-btn{background:var(--accent);color:#fff;cursor:pointer;z-index:999;border:none;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;transition:transform .2s,box-shadow .2s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 4px 12px #2d6a4f4d}.feedback-float-btn:hover{transform:scale(1.05);box-shadow:0 6px 16px #2d6a4f66}.warming-banner{background:var(--warning-light);border-bottom:1px solid var(--border);color:var(--warning);text-align:center;z-index:10;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13.5px;font-weight:500;display:flex}.warming-icon{animation:1.5s ease-in-out infinite pulse;display:inline-block}@keyframes pulse{0%{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.2)}to{opacity:1;transform:scale(1)}}