@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";:root{--primary:#f97316;--primary-hover:#ea580c;--bg-color:#f8fafc;--surface:#ffffffb3;--surface-solid:#fff;--surface-hover:#f1f5f9;--text-main:#0f172a;--text-muted:#64748b;--accent:#0ea5e9;--border:#0f172a14;--glass:#ffffffd9;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background-color:var(--bg-color);color:var(--text-main);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 0 0,#ffb87a1a 0,#0000 50%),radial-gradient(at 100% 0,#0da2e71a 0,#0000 50%);background-attachment:fixed;font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;font-weight:400;line-height:1.5}body{min-height:100vh;margin:0;display:flex}#root{flex-direction:column;width:100%;display:flex}a{color:var(--primary);-webkit-text-decoration:inherit;text-decoration:inherit;font-weight:500;transition:color .25s}a:hover{color:var(--primary-hover)}.layout-container{flex-direction:column;min-height:100vh;display:flex}header{background:var(--glass);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);z-index:10;justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}header h1{background:linear-gradient(to right, var(--primary), var(--accent));color:#0000;-webkit-background-clip:text;margin:0;font-size:1.5rem;font-weight:800}nav{gap:1.5rem;display:flex}nav a{color:var(--text-muted);border-radius:8px;padding:.5rem 1rem;font-weight:600;transition:all .3s}nav a:hover,nav a.active{color:var(--text-main);background:var(--surface-hover)}main{box-sizing:border-box;flex-direction:column;flex:1;gap:2rem;width:100%;max-width:1200px;margin:0 auto;padding:2rem;display:flex}.card{background:var(--surface);-webkit-backdrop-filter:blur(16px);border:1px solid var(--border);border-radius:16px;padding:1.5rem;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card:hover{transform:translateY(-4px);box-shadow:0 12px 20px -3px #00000014,0 4px 6px -2px #0000000a}button{background:linear-gradient(135deg, var(--primary), var(--primary-hover));color:#fff;cursor:pointer;border:1px solid #0000;border-radius:8px;padding:.6em 1.4em;font-family:inherit;font-size:.95em;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #f973164d}button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 16px #f9731666}button:disabled{opacity:.6;cursor:not-allowed;background:var(--text-muted);box-shadow:none!important;transform:none!important}button:focus,button:focus-visible{outline:none;box-shadow:0 0 0 3px #f9731666}input,textarea,select{background:var(--surface-solid);border:1px solid var(--border);color:var(--text-main);box-sizing:border-box;border-radius:8px;width:100%;margin-top:.5rem;margin-bottom:1rem;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #00000005}input:focus,textarea:focus,select:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #f9731626,inset 0 1px 2px #00000005}.grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem;display:grid}