@import"https://fonts.googleapis.com/css2?family=Boldonse&family=Tektur:wght@400..900&display=swap";@import"https://fonts.googleapis.com/css2?family=Tektur:wght@400..900&display=swap";body{background-color:#000;color:#fff;font-family:Boldonse,Arial,sans-serif;text-align:center;display:flex;justify-content:center;align-items:center;height:100vh;margin:0;overflow:hidden;position:relative}body:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(0,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,0,255,.1) 0%,transparent 50%);animation:gradientMove 8s ease-in-out infinite;pointer-events:none}@keyframes gradientMove{0%,to{transform:translate(0) scale(1)}50%{transform:translate(10px,10px) scale(1.1)}}.container{display:flex;flex-direction:column;align-items:center;position:relative;z-index:1;max-width:1200px;width:90%;padding:40px 20px;gap:30px}.message{font-family:Boldonse;font-size:clamp(28px,5vw,48px);font-weight:700;text-transform:uppercase;line-height:150%;text-align:center;animation:fadeInScale 1.2s ease-out,pulse 2s ease-in-out 1.2s infinite;background:linear-gradient(135deg,#f0f,#f0f,#d946ef);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:10px}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.dots{display:flex;justify-content:center;align-items:center;gap:12px;margin:20px 0;height:40px}.dots:before,.dots:after{content:"";width:16px;height:16px;background:#0ff;border-radius:3px;animation:dotPulse 1.5s ease-in-out infinite}.dots:before{animation-delay:0s}.dots:after{animation-delay:.5s}.dot{width:16px;height:16px;background:#0ff;border-radius:3px;animation:dotPulse 1.5s ease-in-out infinite;animation-delay:.25s}@keyframes dotPulse{0%,to{opacity:.3;transform:scale(.8);background:#0ff}50%{opacity:1;transform:scale(1.2);background:#f0f}}.subtitle{font-family:Tektur;font-size:clamp(16px,2.5vw,22px);color:#fffc;text-align:center;animation:fadeIn 1.5s ease-out .8s both;margin-bottom:20px;letter-spacing:1px}.contact{margin-top:30px;font-family:Tektur;padding:20px;font-size:clamp(16px,2vw,20px);animation:fadeIn 1.5s ease-out .5s both;width:100%;max-width:800px}.contact-intro{margin-bottom:25px;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.links{margin-top:10px;padding:10px;display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:20px;width:100%;max-width:700px}.link-item{color:#0ff;text-decoration:none;font-size:clamp(14px,1.8vw,18px);font-weight:700;transition:all .3s ease;position:relative;padding:15px 20px;border:2px solid rgba(0,255,255,.3);border-radius:10px;opacity:0;animation:slideInLinks .6s ease-out forwards;display:flex;align-items:center;justify-content:center;background:#00ffff0d;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow:hidden}.link-text{font-size:clamp(14px,1.8vw,18px);text-transform:uppercase;letter-spacing:1px;transition:opacity .3s ease,transform .3s ease}.link-item:after{content:attr(data-hover);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);opacity:0;font-size:clamp(12px,1.5vw,16px);color:#f0f;text-transform:none;white-space:nowrap;transition:opacity .3s ease;pointer-events:none}.link-item:hover .link-text{opacity:0}.link-item:hover:after{opacity:1}.link-item:nth-child(1){animation-delay:.8s}.link-item:nth-child(2){animation-delay:1s}.link-item:nth-child(3){animation-delay:1.2s}.link-item:nth-child(4){animation-delay:1.4s}@keyframes slideInLinks{0%{opacity:0;transform:translate(-20px) rotate(-5deg)}to{opacity:1;transform:translate(0) rotate(0)}}.link-item:hover{color:#f0f;border-color:#f0f9;background:#ff00ff14;transform:translateY(-2px)}@media (max-width: 768px){.container{padding:30px 15px;gap:20px}.links{grid-template-columns:repeat(2,1fr);gap:15px}.link-item{padding:12px 15px}}@media (max-width: 480px){.container{padding:20px 10px;gap:15px}.links{grid-template-columns:1fr;gap:12px}.link-item{padding:15px}.subtitle{font-size:14px}}
