:root{--bg-gradient:linear-gradient(135deg, #0f2027, #203a43, #2c5364);--card:#1e1e1ed9;--text:#e0e0e0;--accent:#00bcd4;--hover:#00acc1;--glow:0 0 10px #00bcd499}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:#000;margin:0;padding:0;overflow-x:hidden}body{background:var(--bg-gradient);color:var(--text);text-align:center;background-size:400% 400%;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;margin:0;font-family:Inter,sans-serif;animation:20s infinite gradientShift;display:flex;overflow:hidden auto}main{text-align:center;width:100%;max-width:700px;margin:0 auto;padding:2rem}body:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(circle,#00bcd433 0%,#0000 70%);width:600px;max-width:100vw;height:600px;max-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}h1{letter-spacing:-.5px;-webkit-text-fill-color:transparent;color:#0000;text-shadow:0 0 8px #fff3;background:linear-gradient(90deg,#00e5ff,#80d8ff,#b3e5fc);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:clamp(2rem,5vw,2.8rem);font-weight:600}h2{color:var(--accent);margin-bottom:1rem;font-size:clamp(1.4rem,4vw,2rem)}p{opacity:.8;text-align:center;max-width:400px;margin-bottom:2rem;font-size:1rem}section{width:100%;max-width:600px;margin:0 auto 2rem}.link-group{flex-direction:column;align-items:center;gap:.5rem;display:flex}.link{backdrop-filter:blur(10px);color:var(--text);text-align:center;text-overflow:ellipsis;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:700px;margin:.75rem 0;padding:1.2rem 1.5rem;font-size:clamp(.9rem,2vw,1.1rem);text-decoration:none;transition:all .3s;overflow:hidden;box-shadow:0 4px 12px #0000004d}.link:hover{background-color:var(--hover);box-shadow:var(--glow);transform:scale(1.03)}.link.link-return{color:#fff;background:#1e1e1e66;border:1px solid #ffffff26;font-weight:500;box-shadow:0 4px 16px #0006}.link.link-return:hover{background:#32323280;transform:scale(1.03);box-shadow:0 0 12px #ffffff1a}@media (width<=500px){.link{padding:.8rem 1.5rem;font-size:1rem}main{padding:1.5rem}}.link-group{grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem;display:grid}footer{text-align:center;color:#888;margin-top:2rem;padding:1rem 0;font-family:Inter,Segoe UI,sans-serif;font-size:.8em;line-height:1.6}footer a{color:#888;border-bottom:1px dotted #888;text-decoration:none;transition:color .2s,border-bottom .2s}footer a:hover{color:#555;border-bottom:1px solid #555}footer strong{font-weight:500}footer small{color:#888;margin-top:.5rem;display:block}ul{margin:0;padding:0;list-style:none}li{padding:.5rem 0;transition:background .2s}li:hover{background-color:#ffffff1a}a{color:#fff;font-weight:500;text-decoration:none;transition:color .2s;display:inline-block}a:hover{color:#fc0;text-decoration:underline}.ghostlink{color:inherit;pointer-events:auto;cursor:text;border:none;text-decoration:none;transition:none}.ghostlink:hover{color:inherit;border:none;text-decoration:none}.unit-converter{background:var(--card);box-shadow:var(--glow);border-radius:1rem;flex-direction:column;align-items:center;gap:1.5rem;width:90%;max-width:500px;margin:2rem auto;padding:2rem;transition:transform .3s;display:flex}.unit-converter h2{color:var(--accent);text-shadow:var(--glow);font-size:1.8rem}.unit-converter button{background:var(--accent);color:#000;cursor:pointer;border:none;border-radius:.5rem;width:100%;padding:.75rem 1.5rem;font-weight:700;transition:background .3s}.unit-converter button:hover{background:var(--hover)}.unit-converter p{color:var(--text);word-break:break-word;margin-top:.5rem;font-size:1.2rem}.back-button{color:var(--accent);border:2px solid var(--accent);background:0 0;border-radius:.5rem;padding:.75rem 1.5rem;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.back-button:hover{background:var(--accent);color:#000;box-shadow:var(--glow)}.unit-converter{flex-direction:column;gap:1rem;max-width:400px;margin:2rem auto;display:flex}.unit-converter input,.unit-converter select{width:100%;color:var(--text,#fff);background:#1c1c1c;border:none;border-radius:.5rem;outline:none;padding:.75rem 1rem;font-size:1rem;box-shadow:inset 0 0 5px #00bcd433}.result{text-align:center;text-align:center;min-height:3.5em;margin-bottom:1rem;font-size:1.25rem;font-weight:700;line-height:1.4}