@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(160deg, #1a0f00 0%, #2d1a00 30%, #3d2200 60%, #1a0f00 100%);
  --fg: #f0e0c8;
  --orange: #f97316;
  --amber: #f59e0b;
  --gold: #fbbf24;
  --warm: #fcd34d;
  --muted: #a08870;
  --card-bg: rgba(255,255,255,0.04);
  --card-border: rgba(255,255,255,0.07);
}

*{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}

/* Leaf particles background */
body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;
background:radial-gradient(ellipse at 20% 50%,rgba(249,115,22,0.05) 0%,transparent 60%),
radial-gradient(ellipse at 80% 20%,rgba(251,191,36,0.04) 0%,transparent 50%);
pointer-events:none;z-index:0}

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;position:relative;z-index:1}

/* Hero */
.hero{display:flex;flex-direction:column;align-items:center;gap:0.4rem;text-align:center}
.fox-emoji{font-size:4.5rem;animation:foxFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 30px rgba(249,115,22,0.3))}
@keyframes foxFloat{0%,100%{transform:translateY(0) rotate(0deg)}33%{transform:translateY(-8px) rotate(-5deg)}66%{transform:translateY(-4px) rotate(5deg)}}

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

.nick{font-family:'JetBrains Mono',monospace;font-size:0.85rem;color:var(--amber);letter-spacing:0.08em}
.age{font-size:0.75rem;color:var(--muted)}
.tagline{font-size:0.9rem;color:var(--gold);font-style:italic;margin-top:0.3rem;opacity:0.8}

/* Ссылки */
.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:var(--card-bg)}
.link.tg{color:var(--gold)}.link.tg:hover{background:rgba(251,191,36,0.1);border-color:var(--gold)}
.link.yt{color:#ff4444}.link.yt:hover{background:rgba(255,68,68,0.1);border-color:#ff4444}
.link.ig{color:#e1306c}.link.ig:hover{background:rgba(225,48,108,0.1);border-color:#e1306c}
.link.tt{color:#ff0050}.link.tt:hover{background:rgba(255,0,80,0.1);border-color:#ff0050}

/* About */
.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}

/* Fox section */
.fox-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}
.fox-section:hover{border-color:rgba(249,115,22,0.3)}

.fox-icon{font-size:2.5rem;animation:tailWag 1.5s ease-in-out infinite}
@keyframes tailWag{0%,100%{transform:rotate(0deg)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}

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

.fox-btn{background:linear-gradient(135deg,var(--orange),var(--amber));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(249,115,22,0.3)}
.fox-btn:hover{transform:scale(1.08);box-shadow:0 6px 30px rgba(249,115,22,0.5)}
.fox-btn:active{transform:scale(0.95)}

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

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