*{margin:0;padding:0;box-sizing:border-box}
body{font-family:'Inter',sans-serif;background:linear-gradient(180deg,#0b0f1a,#120b1a);min-height:100vh;display:flex;align-items:center;justify-content:center;color:#e7c3ff;background-image: url('images\(Xavin\)/Xavin фон.png');
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    background-attachment: fixed;
background-color: #0b0f1a;}
.container{width:100%;max-width:1200px;min-height:100vh;display:flex;align-items:center;justify-content:center}
.main-content{background:linear-gradient(135deg,rgba(20,10,40,.9),rgba(10,10,20,.9));backdrop-filter:blur(20px);border-radius:24px;padding:48px 36px;box-shadow:0 20px 40px rgba(0,0,0,.35),0 0 40px rgba(99,102,241,.25),0 0 60px rgba(168,85,247,.25);max-width:640px;width:90%;border:1px solid rgba(99,102,241,.35);position:relative;overflow:hidden}
.main-content::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 20% 80%,rgba(99,102,241,.15),transparent 50%),radial-gradient(circle at 80% 20%,rgba(168,85,247,.15),transparent 50%),radial-gradient(circle at 40% 40%,rgba(236,72,153,.08),transparent 45%);pointer-events:none}
.logo{margin-bottom:20px;text-align:center}
.logo-image{max-width:240px;filter:drop-shadow(0 0 20px rgba(99,102,241,.45)) drop-shadow(0 0 30px rgba(168,85,247,.35))}
.subtitle{margin-bottom:24px}
.subtitle-text{font-size:1.1rem;font-weight:700;color:#faf5ff}
.wavy-line{height:3px;background:linear-gradient(90deg,#3b82f6,#8b5cf6,#a21caf);border-radius:2px;margin:8px auto;width:80%;box-shadow:0 0 14px rgba(99,102,241,.6);animation:pulse 3s ease-in-out infinite}
.links-section{display:flex;flex-direction:column;gap:14px}
.link-button{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:linear-gradient(135deg,rgba(250,245,255,.96),rgba(237,233,254,.85));border-radius:16px;text-decoration:none;color:#312e81;font-weight:700;border:2px solid transparent;box-shadow:0 6px 16px rgba(0,0,0,.2);transition:all .25s ease}
.link-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.35),0 0 24px rgba(99,102,241,.35);border-color:#6366f1;background:linear-gradient(135deg,#e4abff,rgba(99,102,241,.12))}
.button-icon,.button-icon-right{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#f3e8ff;box-shadow:0 2px 8px rgba(0,0,0,.12)}
.icon-image{width:42px;height:42px;object-fit:cover;border-radius:50%}
@keyframes pulse{0%,100%{filter:drop-shadow(0 0 10px rgba(99,102,241,.75))}50%{filter:drop-shadow(0 0 18px rgba(168,85,247,.9))}}
@media (max-width:768px){.main-content{padding:36px 20px}.logo-image{max-width:200px}.link-button{padding:12px 16px}}


