:root{color-scheme:dark;--bg:#07111d;--bg-soft:#0e1b2d;--panel:rgba(10,18,31,0.76);--panel-strong:#12233c;--text:#eff6ff;--muted:#98acc8;--line:rgba(148,163,184,0.2);--accent:#6ee7f9;--accent-strong:#38bdf8;--warm:#f9b16e;--success:#67e8a6;--shadow:0 28px 80px rgba(0,0,0,0.35)}*{box-sizing:border-box}html{min-height:100%;background:radial-gradient(circle at top left,rgba(56,189,248,.22),transparent 28%),radial-gradient(circle at top right,rgba(249,177,110,.14),transparent 24%),linear-gradient(160deg,#05101b,#091424 45%,#050b13)}body{margin:0;min-height:100vh;color:var(--text);font-family:Trebuchet MS,Segoe UI,sans-serif;background:transparent}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}.shell{min-height:100vh;padding:32px}.frame{max-width:1240px;margin:0 auto;display:grid;grid-gap:24px;gap:24px}.hero{border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,35,60,.9),rgba(7,17,29,.78));box-shadow:var(--shadow);border-radius:28px;padding:28px;position:relative;overflow:hidden}.hero:before{inset:-40% auto auto -8%;width:220px;height:220px;background:radial-gradient(circle,rgba(110,231,249,.3),transparent 65%);filter:blur(8px)}.hero:after,.hero:before{content:"";position:absolute;border-radius:999px}.hero:after{right:-50px;top:-50px;width:240px;height:240px;background:radial-gradient(circle,rgba(249,177,110,.16),transparent 65%)}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:.22em;color:var(--accent);font-size:.78rem}.title{margin:0;font-size:clamp(2.2rem,5vw,4.8rem);line-height:.95;max-width:10ch}.lede{margin:16px 0 0;max-width:62ch;color:var(--muted);font-size:1.04rem;line-height:1.7}.grid{display:grid;grid-template-columns:1.4fr .9fr;grid-gap:24px;gap:24px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:24px;padding:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.panel h2,.panel h3{margin-top:0}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.feature-card{display:grid;grid-gap:10px;gap:10px;padding:18px;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.03);transition:transform .18s ease,border-color .18s ease,background .18s ease}.feature-card:hover{transform:translateY(-2px);border-color:rgba(110,231,249,.4);background:rgba(255,255,255,.05)}.feature-tag{display:inline-flex;width:-moz-fit-content;width:fit-content;border-radius:999px;padding:6px 10px;font-size:.76rem;letter-spacing:.04em;background:rgba(110,231,249,.12);color:var(--accent)}.feature-card p,.hint,.small,.stack-list p{color:var(--muted)}.stack-list{display:grid;grid-gap:12px;gap:12px}.stack-item{padding:14px 16px;border-radius:16px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.stack-item strong{display:block;margin-bottom:4px}.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px}.login-card{width:min(460px,100%);border:1px solid var(--line);background:linear-gradient(180deg,rgba(18,35,60,.92),rgba(7,17,29,.85));border-radius:28px;padding:28px;box-shadow:var(--shadow)}.field{display:grid;grid-gap:8px;gap:8px;margin-top:18px}.field label{color:var(--muted);font-size:.95rem}.field input{border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--text);border-radius:14px;padding:14px 16px}.field input:focus{outline:2px solid rgba(110,231,249,.35);outline-offset:2px}.primary{display:inline-flex;justify-content:center;align-items:center;gap:8px;border:0;border-radius:14px;padding:14px 18px;color:#06111d;background:linear-gradient(135deg,var(--accent),#baf7ff);font-weight:700;cursor:pointer;transition:transform .16s ease,filter .16s ease}.primary:hover{transform:translateY(-1px);filter:brightness(1.02)}.secondary{border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--text)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.error{margin:14px 0 0;color:#fca5a5}.topbar{display:flex;justify-content:space-between;gap:16px}.badge,.topbar{align-items:center}.badge{display:inline-flex;gap:8px;border-radius:999px;padding:8px 12px;border:1px solid var(--line);background:rgba(255,255,255,.03);color:var(--muted)}@keyframes flashColors{0%{color:#ff0000;text-shadow:0 0 10px #ff0000}16%{color:#ff7700;text-shadow:0 0 10px #ff7700}32%{color:#ffff00;text-shadow:0 0 10px #ffff00}48%{color:#00ff00;text-shadow:0 0 10px #00ff00}64%{color:#0000ff;text-shadow:0 0 10px #0000ff}80%{color:#8b00ff;text-shadow:0 0 10px #8b00ff}to{color:#ff0000;text-shadow:0 0 10px #ff0000}}.home-shell{min-height:100vh;padding:0}.home-frame{width:100vw;max-width:none;height:100vh;margin:0;display:grid;grid-template-rows:auto 1fr;grid-gap:0;gap:0}.home-header{width:100%;border:0;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(18,35,60,.88),rgba(7,17,29,.8));padding:14px 20px;align-items:center}.home-flashing-title,.home-header{display:flex;justify-content:center}.home-flashing-title{margin:0;font-size:clamp(1.35rem,3.8vw,2.6rem);font-weight:900;white-space:nowrap;line-height:1;gap:.14em;letter-spacing:.02em}.home-flashing-title span{animation:flashColors linear infinite}.home-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));grid-gap:0;gap:0;width:100%;height:100%}.home-tile{border-left:1px solid var(--line);border-bottom-width:1px;border-right-width:1px;border-top:1px solid var(--line);border-right:0 solid var(--line);border-bottom:0 solid var(--line);background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.015));display:grid;place-items:center;font-size:clamp(.95rem,1.6vw,1.3rem);font-weight:700;letter-spacing:.02em;text-align:center;padding:12px;transition:transform .18s ease,border-color .18s ease,background .18s ease}.home-tile-form{margin:0}.home-logout-tile{width:100%;height:100%;cursor:pointer}.home-tile:hover{transform:none;border-color:rgba(110,231,249,.5);background:linear-gradient(160deg,rgba(110,231,249,.2),rgba(255,255,255,.04))}.home-grid .home-tile:nth-child(4n){border-right-width:1px}.home-grid .home-tile:nth-last-child(-n+4){border-bottom-width:1px}.sakura-container{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}.sakura-petal{position:absolute;top:-20px;width:8px;height:6px;background:radial-gradient(circle at 30% 30%,rgba(255,200,220,.8),transparent 50%),radial-gradient(circle at 70% 70%,rgba(255,150,180,.7),transparent 50%);opacity:.65;filter:drop-shadow(0 0 2px rgba(255,200,220,.3));animation:sakura-fall linear infinite}@keyframes sakura-fall{0%{top:-20px;opacity:.65}10%{opacity:.7}50%{opacity:.65}90%{opacity:.3}to{top:100vh;opacity:0}}.frame{position:relative;z-index:1}@media (max-width:900px){.grid{grid-template-columns:1fr}.home-shell{padding:0}.feature-grid{grid-template-columns:1fr}.shell{padding:18px}.hero,.home-tile,.login-card,.panel{border-radius:20px}.home-tile{border-radius:0}}