:root{--glass: rgba(255, 255, 255, .08);--bd: rgba(255, 255, 255, .18)}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;color:#eaeef3;background:#0b0f1a;overflow-x:hidden}.wrap{min-height:100%;position:relative}.aurora{position:fixed;inset:-20% -20% 0;z-index:-1;filter:blur(60px);pointer-events:none}.aurora .blob{position:absolute;inset:-20%;will-change:transform}.aurora .b1{background:radial-gradient(40% 35% at 20% 20%,#6ae3ff55 0%,transparent 60%)}.aurora .b2{background:radial-gradient(35% 30% at 80% 10%,#b07cff55 0%,transparent 60%)}.aurora .b3{background:radial-gradient(45% 40% at 60% 80%,#55ffc155 0%,transparent 60%)}.aurora .b4{background:radial-gradient(30% 30% at 10% 75%,#ff7adf55 0%,transparent 60%)}@media (prefers-reduced-motion: reduce){.aurora .blob{transform:none!important}}.hero{text-align:center;padding:64px 16px 16px}.title{font-size:clamp(32px,6vw,64px);margin:0 0 8px;font-weight:800;letter-spacing:-.02em}.subtitle{margin:0 0 16px;opacity:.9}.type{display:inline-block;border-right:.12em solid #eaeef3;white-space:nowrap;overflow:hidden;animation:typing 3s steps(30,end) .2s 1 both,blink .7s steps(30,end) infinite;max-width:0}@keyframes typing{0%{max-width:0}to{max-width:100%}}@keyframes blink{50%{border-color:transparent}}.kbtn,.primary{padding:8px 14px;border-radius:10px;border:1px solid var(--bd);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:inherit;cursor:pointer;font-weight:600}.kbtn:hover,.primary:hover{transform:translateY(-1px)}.grid{max-width:960px;margin:24px auto;padding:16px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.card{border:1px solid var(--bd);background:var(--glass);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;overflow:hidden;box-shadow:0 10px 40px #00000059}.card-head{display:flex;align-items:center;gap:8px;padding:10px 12px;border-bottom:1px solid var(--bd)}.card-head h2{margin:0;font-size:16px;font-weight:700;opacity:.95}.dot{width:10px;height:10px;border-radius:50%;display:inline-block}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.card-body{padding:14px;line-height:1.6}.contact-links{display:flex;flex-wrap:wrap;gap:10px}.linkbtn{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--bd);background:var(--glass);color:inherit;text-decoration:none;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .15s ease,background .2s ease,border-color .2s ease}.linkbtn:hover{transform:translateY(-1px);background:#ffffff1f;border-color:#ffffff47}.list{list-style:none;padding:0;margin:0}.list li{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 0}.list a{color:#eaf;text-decoration:none}.list a:hover{text-decoration:underline}.tags{opacity:.7;font-size:12px}.pillz{display:flex;flex-wrap:wrap;gap:8px}.pill{padding:6px 10px;border-radius:999px;border:1px solid var(--bd);background:var(--glass);font-size:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.overlay{position:fixed;inset:0;background:#05081099;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:grid;place-items:start center;padding-top:10vh}.palette{width:min(720px,92vw);border-radius:14px;border:1px solid var(--bd);background:#0a0d16e6;box-shadow:0 20px 60px #00000080;overflow:hidden}.palette input{width:100%;padding:14px 16px;border:none;outline:none;background:transparent;color:#fff;font-size:16px;border-bottom:1px solid var(--bd)}.palette ul{max-height:300px;overflow:auto;margin:0;padding:6px;list-style:none}.palette li{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-radius:10px;cursor:pointer;opacity:.9}.palette li.active,.palette li:hover{background:#ffffff14;opacity:1}.palette li em{opacity:.7;font-style:normal;font-size:12px}.palette .empty{opacity:.7;cursor:default}.tips{padding:8px 12px;font-size:12px;opacity:.65;border-top:1px solid var(--bd)}.foot{text-align:center;padding:24px;opacity:.7;font-size:13px}