:root{--bg: #0e0e0e;--surface: #181818;--surface-alpha: rgba(24, 24, 24, .65);--border: #2a2a2a;--text: #c0c0c0;--heading: #f0f0f0;--accent: #6fe89d;--font: "JetBrains Mono", "Fira Code", "Courier New", monospace}*{margin:0;padding:0;box-sizing:border-box}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.6;min-height:100vh;padding:2rem 1rem;overflow-x:hidden}#particles-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.container{max-width:820px;margin:0 auto;position:relative;z-index:1}.profile{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;margin-bottom:3rem;padding:1.25rem;background:var(--surface-alpha);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:6px}.profile-left{display:flex;align-items:center;gap:1.25rem}.avatar{width:64px;height:64px;border-radius:50%;border:2px solid var(--border);object-fit:cover;background:#1a1a1a;padding:2px}.name-block h1{font-size:1.7rem;font-weight:600;color:var(--heading);letter-spacing:-.5px;display:flex;align-items:center;gap:.4rem}.sayo{width:32px;height:32px;object-fit:contain;cursor:pointer;-webkit-user-select:none;user-select:none;transition:transform .15s;vertical-align:middle}.sayo:hover{transform:rotate(8deg) scale(1.08)}.social{display:flex;gap:.6rem;flex-wrap:wrap}.social-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;color:var(--text);background:#18181880;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border);border-radius:4px;transition:all .2s;font-family:var(--font)}.social-btn i{font-size:1rem;width:1.2rem;text-align:center}.social-btn:hover{border-color:var(--accent);color:var(--accent);background:#6fe89d1a}section{margin-bottom:2.5rem}h2{font-size:1.1rem;font-weight:600;color:var(--heading);margin-bottom:1rem;padding-bottom:.4rem;border-bottom:1px solid var(--border);display:flex;align-items:center;gap:.6rem;letter-spacing:1px;text-transform:uppercase}h2 i{color:var(--accent)}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.card{display:flex;flex-direction:column;gap:.35rem;background:var(--surface-alpha);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:5px;padding:1rem 1.2rem;text-decoration:none;color:var(--text);transition:border-color .2s,background .2s}.card:hover{border-color:var(--accent);background:#1e1e1ebf;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.card .icon{font-size:1.3rem;color:var(--accent);margin-bottom:.1rem}.card .title{font-weight:600;font-size:1rem;color:var(--heading)}.card small{color:#bbb;font-size:.75rem;line-height:1.4}.timer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem}.timer{background:var(--surface-alpha);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:5px;padding:1.2rem;text-align:center}.timer-header{font-weight:600;color:var(--heading);margin-bottom:.7rem;font-size:.9rem;letter-spacing:.5px}.countdown{display:flex;justify-content:center;gap:.5rem;align-items:flex-end}.digit-group{display:flex;flex-direction:column;align-items:center;min-width:3rem}.digit-label{font-size:.65rem;text-transform:uppercase;color:#bbb;margin-top:.25rem;letter-spacing:.5px}.digit{font-size:1.6rem;font-weight:600;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;line-height:1;height:2.2rem;overflow:hidden;position:relative;display:flex;justify-content:center;width:100%}.digit-inner{display:block;color:var(--accent);transition:transform .15s ease-in-out,opacity .15s}.digit-out{animation:flipOut .15s ease-in forwards}.digit-in{animation:flipIn .15s ease-out forwards}@keyframes flipOut{0%{transform:translateY(0);opacity:1}to{transform:translateY(-60%);opacity:0}}@keyframes flipIn{0%{transform:translateY(60%);opacity:0}to{transform:translateY(0);opacity:1}}footer{margin-top:3rem;text-align:center;font-size:.7rem;color:#888;letter-spacing:.5px}.bigrat{position:fixed;bottom:1.5rem;right:1.5rem;width:140px;height:80px;border-radius:6px;overflow:hidden;border:1px solid var(--border);opacity:.7;transition:opacity .2s;z-index:999;background:#0009;box-shadow:0 2px 10px #00000080}.bigrat:hover{opacity:.9}.bigrat video{width:100%;height:100%;object-fit:cover;display:block}@media(max-width:600px){body{padding:1rem .8rem}.profile{flex-direction:column;align-items:flex-start}.social{width:100%;justify-content:flex-start}.name-block h1{font-size:1.4rem}.digit{font-size:1.3rem;height:1.8rem}.digit-group{min-width:2.8rem}.bigrat{width:110px;height:65px;bottom:1rem;right:1rem}}