:root{--bg-color:#f4efea;--surface:#ffffffbf;--surface-solid:#fff;--surface-hover:#fffffff2;--surface-gray:#0000000a;--text-main:#07090f;--text-muted:#8a8580;--primary:#d18b23;--primary-hover:#b6791d;--accent:#ff5a5f;--accent-hover:#e0484d;--success:#10b981;--danger:#ef4444;--border-radius-card:32px;--border-radius-button:999px;--border-radius-input:16px;--border-radius-pill:999px;--shadow-sm:0 4px 12px #00000008;--shadow-md:0 12px 32px #0000000f;--shadow-lg:0 24px 64px #00000014;--shadow-primary:0 12px 24px #ffb3474d;--transition:all .3s cubic-bezier(.25, 1, .5, 1);--font-heading:"Outfit", sans-serif;--font-body:"DM Sans", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15%,#ffb3470d,#0000 40%),radial-gradient(circle at 85% 30%,#ff5a5f0a,#0000 40%);background-attachment:fixed;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--text-main);letter-spacing:-.02em;font-weight:700;line-height:1.2}p{font-family:var(--font-body)}.app-container{flex-direction:column;width:100%;height:100vh;display:flex;overflow:hidden}.main-content{flex:1;padding:40px;overflow-y:auto}.card,.glass-card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border-radius:var(--border-radius-card);box-shadow:var(--shadow-md);transition:var(--transition);border:1px solid #fff6;padding:24px}.interactive-card{cursor:pointer}.interactive-card:hover{box-shadow:var(--shadow-lg);background:var(--surface-hover);transform:translateY(-2px)}.btn{border-radius:var(--border-radius-button);font-family:var(--font-heading);cursor:pointer;transition:var(--transition);border:none;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:16px;font-weight:600;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{background-color:var(--text-main);color:#fff;box-shadow:0 8px 24px #00000026}.btn-primary:hover{background-color:#000;transform:translateY(-2px);box-shadow:0 12px 32px #0003}.btn-secondary{background-color:var(--surface-solid);color:var(--text-main);box-shadow:var(--shadow-sm);border:1px solid #0000000d}.btn-secondary:hover{box-shadow:var(--shadow-md);background-color:#fafafa;transform:translateY(-2px)}.btn-accent{background-color:var(--primary);color:#fff;box-shadow:var(--shadow-primary)}.btn-accent:hover{background-color:var(--primary-hover);transform:translateY(-2px)}.input-base{border-radius:var(--border-radius-input);background:var(--surface-solid);width:100%;color:var(--text-main);transition:var(--transition);border:1px solid #0000000f;padding:14px 20px;font-family:inherit;font-size:15px;box-shadow:inset 0 2px 4px #00000003}.input-base:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 4px #ffb34726}textarea.input-base{resize:vertical;min-height:100px}select.input-base{appearance:none;cursor:pointer;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%231C1B1A%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-position:right 16px top 50%;background-repeat:no-repeat;background-size:10px;padding-right:40px}.pill{border-radius:var(--border-radius-pill);font-size:13px;font-weight:700;font-family:var(--font-heading);background:var(--surface-gray);color:var(--text-muted);transition:var(--transition);cursor:pointer;border:none;align-items:center;padding:6px 16px;display:inline-flex}.pill:hover{color:var(--text-main);background:#00000014;transform:translateY(-1px)}.pill.active{background:var(--text-main);color:#fff;box-shadow:var(--shadow-sm)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#00000026;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:#00000040}.text-muted{color:var(--text-muted)}.font-heading{font-family:var(--font-heading)}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)translateY(-4px)}to{opacity:1;transform:scale(1)translateY(0)}}.magic-loader{color:#fff;background:linear-gradient(135deg,#104547,#1a6c6e);border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;display:flex;position:relative;box-shadow:0 12px 32px #10454766}.magic-loader svg{filter:drop-shadow(0 0 8px #fff9);animation:2.5s ease-in-out infinite floatMagic}.magic-loader:before,.magic-loader:after{content:"";border:3px solid #104547cc;border-radius:50%;animation:2s linear infinite pulseDeep;position:absolute;inset:-1px}.magic-loader:after{animation-delay:1s}@keyframes pulseDeep{0%{opacity:1;border-width:3px;transform:scale(1)}to{opacity:0;border-width:1px;transform:scale(1.6)}}@keyframes floatMagic{0%,to{transform:translateY(0)scale(1)rotate(-5deg)}50%{transform:translateY(-4px)scale(1.08)rotate(5deg)}}.nav-item{color:var(--text-muted);font-weight:700;font-family:var(--font-heading);transition:var(--transition);border-radius:999px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;text-decoration:none;display:flex}.nav-item:hover{background:var(--surface-gray);color:var(--text-main);transform:translateY(-2px)}.nav-item.active{background:var(--text-main);color:#fff;box-shadow:var(--shadow-md)}.nav-item.active:hover{transform:none}