:root{--bg: #09090b;--panel: #18181b;--panel-hover: #27272a;--text: #fafafa;--muted: #a1a1aa;--primary: #3b82f6;--accent: #22d3ee;--border: #27272a;--radius: 20px;--ring: rgba(59, 130, 246, .4);--input-bg: #09090b;--header-bg: rgba(9, 9, 11, .8);--hero-text: linear-gradient(to bottom right, #fff 30%, #a1a1aa)}:root.light{--bg: #f8fafc;--panel: #ffffff;--panel-hover: #f1f5f9;--text: #0f172a;--muted: #64748b;--primary: #2563eb;--accent: #0891b2;--border: #e2e8f0;--input-bg: #ffffff;--header-bg: rgba(248, 250, 252, .8);--ring: rgba(37, 99, 235, .2);--hero-text: linear-gradient(to bottom right, #0f172a 30%, #64748b)}*{box-sizing:border-box}html,body{height:100%;transition:background-color .3s,color .3s}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background-color:var(--bg);color:var(--text);line-height:1.6;font-size:16px}a{text-decoration:none!important;color:inherit;transition:all .2s cubic-bezier(.4,0,.2,1)}.bg-gradient{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(at 0% 0%,rgba(59,130,246,.1) 0px,transparent 50%),radial-gradient(at 100% 0%,rgba(34,211,238,.08) 0px,transparent 50%)}main{max-width:1320px;margin:0 auto;padding:80px 32px;min-height:calc(100vh - 80px);display:flex;flex-direction:column}header{position:sticky;top:0;z-index:50;backdrop-filter:blur(12px);background:var(--header-bg);border-bottom:1px solid var(--border);height:80px;display:flex;align-items:center}.container{max-width:1320px;margin:0 auto;padding:0 32px;width:100%;display:flex;align-items:center;gap:32px}.brand{display:flex;align-items:center;gap:12px;font-weight:900;font-size:1.5rem;letter-spacing:-.05em;color:var(--text);text-transform:tracking-tighter}.brand .dot{width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--primary),var(--accent));position:relative;transform:rotate(-10deg);transition:all .3s cubic-bezier(.175,.885,.32,1.275);box-shadow:0 4px 12px #3b82f64d}.brand:hover .dot{transform:rotate(0) scale(1.1);box-shadow:0 0 20px #22d3ee80}.brand .dot:after{content:"";position:absolute;inset:5px;border:2px solid rgba(255,255,255,.3);border-radius:4px}.nav{margin-left:auto;display:flex;gap:8px}.nav a{font-size:1rem;font-weight:600;color:var(--muted);padding:10px 20px;border-radius:10px}.nav a:hover{color:var(--text);background:var(--panel-hover)}.lang{display:flex;gap:4px;background:var(--panel-hover);padding:4px;border-radius:12px;border:1px solid var(--border);margin-left:8px}.lang button{background:transparent;border:none;color:var(--muted);padding:8px 16px;border-radius:8px;cursor:pointer;font-size:.8rem;font-weight:700;transition:all .2s}.lang button.active{background:var(--panel);color:var(--text);box-shadow:0 2px 4px #0000001a}.theme-toggle{background:var(--panel);border:1px solid var(--border);color:var(--text);width:44px;height:44px;border-radius:12px;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.3rem;transition:all .2s;margin-left:8px}.theme-toggle:hover{border-color:var(--primary);background:var(--panel-hover);transform:rotate(12deg)}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);padding:60px;box-shadow:0 10px 25px -5px #0000001a;flex:1}.card{display:block;padding:48px;background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);transition:all .3s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--primary);background:var(--panel-hover);transform:translateY(-8px);box-shadow:0 30px 40px -15px #0003}.card h3{margin:0 0 16px;font-size:1.5rem;font-weight:800}.card p{margin:0;color:var(--muted);font-size:1.1rem;line-height:1.6}.toolbar{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:40px}button,.btn{background:var(--panel-hover);border:1px solid var(--border);color:var(--text);padding:14px 28px;border-radius:12px;cursor:pointer;font-size:1rem;font-weight:600;transition:all .2s}button:hover{background:var(--border);border-color:var(--muted)}button.primary{background:var(--primary);border-color:var(--primary);color:#fff;box-shadow:0 4px 12px #3b82f64d}button.primary:hover{filter:brightness(1.1);box-shadow:0 6px 16px #3b82f666}textarea,input,select{background:var(--input-bg);border:1px solid var(--border);color:var(--text);border-radius:12px;padding:18px;width:100%;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:1.1rem;appearance:none}select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23a1a1aa'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'%3E%3C/path%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 18px center;background-size:20px;padding-right:52px}input[type=checkbox]{appearance:none;width:24px;height:24px;border:2px solid var(--border);border-radius:7px;background:var(--input-bg);cursor:pointer;position:relative;transition:all .2s;padding:0;margin:0;flex-shrink:0}input[type=checkbox]:checked{background:var(--primary);border-color:var(--primary)}input[type=checkbox]:checked:after{content:"✓";position:absolute;color:#fff;font-size:18px;font-weight:700;left:50%;top:50%;transform:translate(-50%,-50%)}textarea:focus,input:focus,select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 4px var(--ring)}.grid{display:grid;grid-template-columns:1fr;gap:40px}@media (min-width: 900px){.grid{grid-template-columns:1fr 1fr}}h1{font-size:4rem;font-weight:800;letter-spacing:-.05em;margin-bottom:32px}.footer{color:var(--muted);text-align:center;padding:120px 0;font-size:1.1rem;border-top:1px solid var(--border);margin-top:120px}.sun:where(.astro-dmqsi53g){display:none}.moon:where(.astro-dmqsi53g){display:block}.light .sun:where(.astro-dmqsi53g){display:block}.light .moon:where(.astro-dmqsi53g){display:none}