@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;900&family=JetBrains+Mono:wght@400;700&display=swap');

:root {
  --bg: linear-gradient(135deg, #1a0a2e 0%, #16213e 50%, #0f3460 100%);
  --fg: #e0d0f0;
  --pink: #ff6b9d;
  --purple: #c084fc;
  --gold: #fbbf24;
  --muted: #8888aa;
  --card-bg: rgba(255,255,255,0.04);
  --card-border: rgba(255,255,255,0.08);
}

*{margin:0;padding:0;box-sizing:border-box}

html,body{width:100%;min-height:100vh;background:var(--bg);color:var(--fg);font-family:'Inter',sans-serif;overflow-x:hidden}


main{max-width:520px;margin:0 auto;padding:3rem 1.5rem;display:flex;flex-direction:column;gap:1.8rem;min-height:100vh;align-items:center}

/* Hero */
.hero{display:flex;flex-direction:column;align-items:center;gap:0.5rem;text-align:center}
.avatar{font-size:5rem;animation:float 6s ease-in-out infinite}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}

.name{font-size:2.2rem;font-weight:900;background:linear-gradient(135deg,var(--pink),var(--purple),var(--gold));
-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;
letter-spacing:0.05em}

.nick{font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:var(--purple);letter-spacing:0.1em}
.desc{font-size:0.8rem;color:var(--muted);letter-spacing:0.15em;text-transform:uppercase;padding-top:0.3rem}

/* Соцсети */
.links{display:flex;flex-direction:column;gap:0.6rem;width:100%}

.link{display:flex;align-items:center;gap:0.5rem;padding:0.8rem 1.2rem;
border-radius:10px;text-decoration:none;font-size:0.85rem;font-weight:600;
transition:all 0.3s;border:1px solid rgba(255,255,255,0.06);background:rgba(255,255,255,0.03)}

.link.tg{color:var(--pink)}.link.tg:hover{background:rgba(255,107,157,0.1);border-color:var(--pink)}
.link.vk{color:#4a76a8}.link.vk:hover{background:rgba(74,118,168,0.1);border-color:#4a76a8}
.link.ask{color:var(--purple)}.link.ask:hover{background:rgba(192,132,252,0.1);border-color:var(--purple)}

/* О себе */
.about{display:flex;flex-direction:column;gap:0.6rem;padding:0 0.5rem}
.about p{font-size:0.85rem;line-height:1.7;color:var(--muted);text-align:center}

/* Плов */
.plov-section{display:flex;flex-direction:column;align-items:center;gap:0.7rem;
padding:1.5rem;background:var(--card-bg);border:1px solid var(--card-border);
border-radius:14px;width:100%;transition:border-color 0.3s}
.plov-section:hover{border-color:rgba(251,191,36,0.3)}

.plov-icon{font-size:2.5rem;animation:spin 12s linear infinite}
@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}

.plov-title{font-size:0.8rem;font-family:'JetBrains Mono',monospace;letter-spacing:0.2em;color:var(--gold);font-weight:700}
.plov-desc{font-size:0.75rem;color:var(--muted)}

.plov-btn{background:linear-gradient(135deg,#92400e,#f59e0b);border:none;
padding:0.9rem 2rem;border-radius:12px;color:white;font-family:'Inter',sans-serif;
font-size:1rem;font-weight:700;cursor:pointer;transition:all 0.3s;
box-shadow:0 4px 20px rgba(245,158,11,0.3)}
.plov-btn:hover{transform:scale(1.08);box-shadow:0 6px 30px rgba(245,158,11,0.5)}
.plov-btn:active{transform:scale(0.95)}

.plov-counter{font-family:'JetBrains Mono',monospace;font-size:0.8rem;color:var(--muted)}
.plov-counter span{color:var(--gold);font-weight:700}
.plov-message{font-family:'JetBrains Mono',monospace;font-size:0.8rem;color:#d4a574;text-align:center;min-height:2em;
transition:opacity 0.3s}

/* TikTok */
.tiktok-link a{color:var(--muted);font-size:0.85rem;text-decoration:none;transition:color 0.3s}
.tiktok-link a:hover{color:var(--pink)}

/* Footer */
.footer{font-family:'JetBrains Mono',monospace;font-size:0.6rem;color:#333;letter-spacing:0.2em;padding:1rem 0;margin-top:auto}