:root{--bg-color: #050505;--card-bg: rgba(255, 255, 255, .03);--text-main: #ffffff;--text-muted: #a1a1a1;--accent-color: #ffffff;--hover-bg: rgba(255, 255, 255, .08);--border-color: rgba(255, 255, 255, .08);--font-family: "Inter", sans-serif;--transition-speed: .4s}*{box-sizing:border-box;margin:0;padding:0}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}body{font-family:var(--font-family);background:linear-gradient(-45deg,#000,#0a0a0a,#1a1a1a,#050505);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:var(--text-main);min-height:100vh;display:flex;justify-content:center;align-items:center;overflow-x:hidden}#app{width:100%;max-width:600px;padding:30px 20px}.page-wrapper{display:flex;justify-content:center;width:100%}.card{width:100%;background:linear-gradient(135deg,#ffffff0d,#ffffff05);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-top:2px solid rgba(255,255,255,.2);border-radius:32px;padding:60px 40px 80px;display:flex;flex-direction:column;align-items:center;box-shadow:0 25px 70px #0009,0 10px 30px #0006,inset 0 1px #ffffff1a,inset 0 -1px #0000004d;opacity:0;transform:translateY(20px);position:relative}.card:before{content:"";position:absolute;inset:0;border-radius:32px;padding:2px;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent,rgba(255,255,255,.1));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.5}.logo{margin-bottom:15px;opacity:0;display:flex;justify-content:center}.logo img{width:160px;height:auto;border-radius:50%;object-fit:cover}.links{width:100%;display:flex;flex-direction:column;gap:16px}.link-box{display:flex;align-items:center;padding:20px 24px;background:linear-gradient(135deg,#ffffff14,#ffffff05);border:1px solid rgba(255,255,255,.1);border-left:1.5px solid rgba(255,255,255,.15);border-top:1.5px solid rgba(255,255,255,.15);border-radius:16px;text-decoration:none;color:var(--text-main);font-weight:500;font-size:1.1rem;transition:all .5s cubic-bezier(.25,.8,.25,1);position:relative;overflow:hidden;opacity:0;transform:translateY(10px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 15px #0003}.link-box:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.15),transparent);transition:.6s}.link-box:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent);opacity:0;transition:opacity .5s;border-radius:16px}.link-box:hover:before{left:100%}.link-box:hover:after{opacity:1}.link-box:hover{background:linear-gradient(135deg,#ffffff26,#ffffff0d);border-color:#ffffff4d;transform:translateY(-5px) scale(1.02);box-shadow:0 15px 40px #0006,0 0 20px #ffffff1a}.link-box .icon{display:flex;align-items:center;justify-content:center;margin-right:20px;z-index:1}.link-box svg{width:28px;height:28px;fill:var(--text-main);stroke:var(--text-main);transition:transform .5s cubic-bezier(.34,1.56,.64,1);filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.link-box svg path,.link-box svg g{fill:var(--text-main)!important;stroke:none!important}.link-box:first-of-type svg{fill:none!important;stroke:var(--text-main)!important;stroke-width:3px}.link-box:first-of-type svg path,.link-box:first-of-type svg line{fill:none!important;stroke:var(--text-main)!important}.link-box:hover .icon svg{transform:scale(1.2) rotate(10deg)}.link-box strong{z-index:1;font-weight:600;letter-spacing:.5px}.contact-info{margin-top:50px;width:100%;display:flex;flex-direction:column;align-items:center;position:relative;opacity:0;transform:translateY(10px)}.contact-info:before{content:"";width:60px;height:2px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);margin-bottom:24px;border-radius:2px;box-shadow:0 0 10px #fff3}.contact-list{display:flex;flex-direction:column;gap:5px;width:100%;max-width:320px}.contact-item{display:flex;align-items:center;gap:16px;font-size:.95rem;color:#fffc;line-height:1.5;text-decoration:none;transition:all .4s cubic-bezier(.25,.8,.25,1);padding:8px 12px;border-radius:8px}.contact-item.link:hover{background:#ffffff14;color:var(--text-main);transform:translate(8px)}.icon-small{display:flex;justify-content:center;align-items:center;width:32px;height:32px;background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border-radius:50%;flex-shrink:0;color:var(--text-muted);transition:all .4s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0003}.contact-item:hover .icon-small{background:linear-gradient(135deg,#fff3,#ffffff1a);color:var(--text-main);transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #fff3}.icon-small svg{width:14px;height:14px;stroke:currentColor;stroke-width:2px}@media(max-width:480px){#app{padding:15px 10px}.card{padding:40px 20px 60px;border-radius:24px}.logo img{width:150px}.link-box{padding:16px 20px;font-size:1rem}.link-box svg{width:24px;height:24px}}