@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#121212;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body{width:100%;height:100%;overflow-x:hidden}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}#root{width:100%;height:100%}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}button{background-color:#f9f9f9}}:root{--bg-color: #121212;--text-color: #f5f5f5;--accent-color: #8a2be2;--secondary-color: #00b4d8;--card-bg: #1e1e1e;--instagram-color: #e1306c;--telegram-color: #0088cc}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;cursor:none;overflow-x:hidden}.app-container{min-height:100vh;padding:2rem;position:relative;transition:all .5s ease}.night-mode{background-color:var(--bg-color);color:var(--text-color)}.day-mode{background-color:#f5f5f5;color:#121212}.particles-canvas,.matrix-canvas{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;pointer-events:none}.custom-cursor{position:fixed;width:20px;height:20px;border-radius:50%;background-color:var(--accent-color);transform:translate(-50%,-50%);pointer-events:none;z-index:9999;mix-blend-mode:difference;transition:transform .1s ease}header{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;margin-bottom:3rem}.logo{cursor:none;position:relative;transition:transform .3s ease}.logo:hover{transform:scale(1.05)}.logo h1{font-size:2.5rem;font-weight:800;letter-spacing:-1px;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent}.tagline{font-size:.9rem;opacity:.7}.theme-toggle{background:none;border:none;font-size:1.5rem;cursor:none;transition:transform .3s ease}.theme-toggle:hover{transform:rotate(360deg)}main{max-width:1200px;margin:0 auto}.hero{text-align:center;margin-bottom:4rem}.glitch-text{font-size:3rem;font-weight:800;position:relative;display:inline-block;animation:glitch 5s infinite}@keyframes glitch{0%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}14%{text-shadow:.05em 0 0 rgba(255,0,0,.75),-.05em -.025em 0 rgba(0,255,0,.75),.025em .05em 0 rgba(0,0,255,.75)}15%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}49%{text-shadow:-.05em -.025em 0 rgba(255,0,0,.75),.025em .025em 0 rgba(0,255,0,.75),-.05em -.05em 0 rgba(0,0,255,.75)}50%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}99%{text-shadow:.025em .05em 0 rgba(255,0,0,.75),.05em 0 0 rgba(0,255,0,.75),0 -.05em 0 rgba(0,0,255,.75)}to{text-shadow:-.025em 0 0 rgba(255,0,0,.75),-.025em -.025em 0 rgba(0,255,0,.75),-.025em -.05em 0 rgba(0,0,255,.75)}}.subtitle{font-size:1.2rem;margin-top:1rem;margin-bottom:2rem;opacity:.8}.cta-button{background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));color:#fff;border:none;padding:.8rem 2rem;font-size:1rem;font-weight:600;border-radius:50px;cursor:none;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.social-links{display:flex;justify-content:center;gap:2rem;margin-bottom:4rem;flex-wrap:wrap}.social-card{background-color:var(--card-bg);padding:2rem;border-radius:10px;width:300px;text-align:center;position:relative;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease}.social-card:hover{transform:translateY(-10px);box-shadow:0 15px 30px #0000004d}.social-card h3{margin-bottom:1rem;font-size:1.5rem}.social-card a{color:var(--text-color);text-decoration:none;font-size:1.2rem;font-weight:600;transition:color .3s ease}.instagram{border-left:5px solid var(--instagram-color)}.instagram a:hover{color:var(--instagram-color)}.telegram{border-left:5px solid var(--telegram-color)}.telegram a:hover{color:var(--telegram-color)}.social-animation{position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--accent-color),var(--secondary-color));animation:social-pulse 2s infinite}@keyframes social-pulse{0%{opacity:.5;transform:scaleX(.5)}50%{opacity:1;transform:scaleX(1)}to{opacity:.5;transform:scaleX(.5)}}.friend-service{margin-bottom:4rem;text-align:center}.friend-service h2{margin-bottom:2rem;font-size:2rem}.service-card{background-color:var(--card-bg);padding:2rem;border-radius:10px;max-width:600px;margin:0 auto;border-left:5px solid var(--secondary-color);transition:transform .3s ease,box-shadow .3s ease}.service-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000004d}.service-card h3{margin-bottom:1rem;font-size:1.5rem}.service-card p{margin-bottom:1.5rem;opacity:.8}.service-link{display:inline-block;background-color:var(--secondary-color);color:#fff;padding:.8rem 2rem;border-radius:50px;text-decoration:none;font-weight:600;transition:transform .3s ease,box-shadow .3s ease}.service-link:hover{transform:translateY(-3px);box-shadow:0 10px 20px #0003}.fun-section{text-align:center;margin-bottom:4rem;padding:2rem;background-color:var(--card-bg);border-radius:10px}.fun-section h2{margin-bottom:1rem;font-size:2rem}.fun-section p{margin-bottom:.5rem;opacity:.8}.easter-egg{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background-color:var(--card-bg);padding:2rem;border-radius:10px;text-align:center;z-index:1000;animation:bounce .5s ease infinite alternate}@keyframes bounce{0%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.05)}}.confetti{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}footer{text-align:center;padding:2rem 0;opacity:.7}@media (max-width: 768px){.app-container{padding:1rem}.logo h1,.glitch-text{font-size:2rem}.social-links{flex-direction:column;align-items:center}.social-card{width:100%;max-width:300px}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-20px)}to{transform:translateY(0)}}