:root{--background-color: #000000;--text-color: #e8eaed;--text-color-secondary: #bdc1c6;--button-bg: rgba(255, 255, 255, .1);--button-border: rgba(255, 255, 255, .2);--card-bg: #0c0c0e;--vpn-modal-bg: #10111a;--accent-primary: #5865F2}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--background-color);color:var(--text-color);font-family:Inter,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;position:relative}body:before{content:"";position:fixed;top:0;left:0;right:0;height:100vh;background:radial-gradient(ellipse at top,rgba(41,75,140,.4),transparent 70%),radial-gradient(ellipse at top left,rgba(140,41,95,.3),transparent 80%),radial-gradient(ellipse at top right,rgba(118,55,143,.3),transparent 80%);z-index:-2}a{color:inherit;text-decoration:none}#cursor-glow{position:fixed;top:0;left:0;width:800px;height:800px;background:radial-gradient(circle,rgba(41,75,140,.15) 0%,transparent 60%);border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:-1;transition:left .1s ease-out,top .1s ease-out}.container{max-width:1280px;margin:0 auto;padding:0 24px}.header{display:flex;justify-content:space-between;align-items:center;padding:16px 48px;position:sticky;top:0;z-index:100}.header-left,.header-right{display:flex;align-items:center;gap:32px}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:500;color:var(--text-color)}.logo svg{width:24px;height:24px;color:var(--text-color-secondary)}.nav-links{display:flex;gap:32px}.nav-links a{font-size:14px;color:var(--text-color-secondary);transition:color .2s ease;padding:20px 0;cursor:pointer}.nav-links a:hover{color:var(--text-color)}.header-buttons{display:flex;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:8px 16px;border-radius:999px;font-size:14px;font-weight:500;cursor:pointer;transition:background-color .2s ease,transform .2s ease;border:1px solid transparent;color:var(--text-color)}.btn:hover:not(:active){transform:translateY(-1px)}.btn-primary{background-color:var(--accent-primary);color:#fff;font-weight:500}.btn-primary:hover{background-color:#4f5bda}.btn-secondary{background-color:var(--button-bg);border:1px solid var(--button-border)}.btn-secondary:hover{background-color:#fff3}.user-menu{position:relative;display:flex;align-items:center;gap:12px;cursor:pointer;background-color:var(--button-bg);padding:6px 12px 6px 6px;border-radius:99px;border:1px solid var(--button-border);transition:background-color .2s,transform .2s ease}.user-menu:hover{background-color:#fff3;transform:translateY(-1px)}.user-menu-avatar{width:32px;height:32px;border-radius:50%}.user-menu-name{font-weight:500;font-size:14px}.user-menu-dropdown{position:absolute;top:calc(100% + 10px);right:0;width:220px;background-color:#101012e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid var(--button-border);padding:8px;z-index:1001;box-shadow:0 4px 12px #0003;animation:fadeInScaleUp .2s ease-out}@keyframes fadeInScaleUp{0%{opacity:0;transform:scale(.95) translateY(-10px)}to{opacity:1;transform:scale(1) translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:12px;padding:10px 12px;font-size:14px;font-weight:500;border-radius:8px;cursor:pointer;transition:background-color .2s ease}.user-menu-item:hover{background-color:#ffffff1a}.user-menu-item svg{width:20px;height:20px;color:var(--text-color-secondary)}.user-menu-divider{height:1px;background-color:var(--button-border);margin:8px 0}.mega-menu{position:absolute;top:100%;left:0;right:0;background-color:#101012cc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .3s ease,transform .3s ease;z-index:99}.mega-menu.visible{opacity:1;transform:translateY(0);pointer-events:auto}.mega-menu-content{padding:40px 48px;max-width:1280px;margin:0 auto}.mega-menu-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.mega-menu-item{display:flex;align-items:flex-start;gap:16px;padding:12px;border-radius:8px;transition:background-color .2s ease,transform .2s ease}.mega-menu-item:hover{background-color:#ffffff0d;transform:scale(1.02)}.mega-menu-icon{color:var(--text-color-secondary);margin-top:2px}.mega-menu-icon svg{width:20px;height:20px}.mega-menu-text h3{font-size:15px;font-weight:500;margin-bottom:4px;color:var(--text-color)}.mega-menu-text p{font-size:13px;color:var(--text-color-secondary);line-height:1.4}.contacts-menu-layout{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start;max-width:700px}.contacts-info-block,.contacts-links-block{display:flex;flex-direction:column;gap:12px}.contacts-info-block h3,.contacts-links-block h3{font-size:15px;font-weight:500;margin-bottom:8px;color:var(--text-color)}.contacts-info-block p{font-size:14px;color:var(--text-color-secondary);line-height:1.5;margin:0}.contacts-info-block span{font-size:14px;font-weight:500;color:var(--accent-primary);background:#5865f21a;padding:6px 12px;border-radius:8px;align-self:flex-start}.contacts-links-block .btn{width:100%;justify-content:flex-start;padding:12px 16px;border-radius:8px;background-color:var(--button-bg);border:1px solid var(--button-border);font-weight:500}.contacts-links-block .btn:hover{background-color:#fff3}.contacts-links-block .btn svg{width:20px;height:20px;color:var(--text-color-secondary)}.contact-email{margin-top:8px;font-size:14px}.contact-email span{color:var(--text-color-secondary)}.contact-email a{color:var(--text-color);font-weight:500;margin-left:8px}.contact-email a:hover{text-decoration:underline}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--background-color)}.loader{width:48px;height:48px;border:4px solid var(--button-border);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.main-content{padding-top:80px;padding-bottom:80px;transition:filter .3s ease}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal.visible{opacity:1;transform:translateY(0)}.get-started{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:120px}.get-started h1{font-size:64px;font-weight:400;margin-bottom:32px}.get-started-buttons{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:800px}.get-started .btn{font-size:16px;padding:10px 20px;background-color:transparent;border:1px solid var(--button-border)}.get-started .btn:hover{background-color:var(--button-bg)}.get-started .btn svg{width:20px;height:20px}.features-grid{display:flex;align-items:flex-start;gap:24px}.features-grid.container{padding-left:6vw;padding-right:6vw}.features-grid-left{flex:1.5}.features-grid-right{flex:1;display:flex;flex-direction:column;gap:24px}.feature-card{background-color:transparent;border-radius:0;padding:32px 0;display:flex;position:relative;overflow:hidden}.feature-card-col{flex-direction:column;justify-content:space-between}.features-grid-left .feature-card-col{min-height:580px}.features-grid-right .feature-card-col{min-height:auto}.feature-card-row{flex-direction:row;align-items:center;justify-content:space-between;gap:24px}.card-content{z-index:1}.feature-card-row .card-content{max-width:55%}.card-content h2{font-size:21px;font-weight:400;line-height:1.3;margin-bottom:16px}.features-grid-left .card-content h2{font-size:30px}.card-description{font-size:15px;color:var(--text-color-secondary);line-height:1.6;margin-bottom:24px}.card-info{font-size:14px;color:var(--text-color-secondary)}.card-info span{margin-right:16px}.card-info a{display:inline-flex;align-items:center;gap:8px;color:var(--text-color);font-weight:500}.card-info a:hover{text-decoration:underline}.card-image-wrapper{align-self:flex-end;margin-top:24px}.mockup-1{position:absolute;bottom:-80px;left:50%;transform:translate(-50%);width:450px;height:450px;z-index:0;display:flex;align-items:center;justify-content:center}.ai-orb{width:100%;height:100%;position:relative;animation:slow-spin 25s linear infinite}.ai-orb-core{position:absolute;width:30%;height:30%;top:35%;left:35%;border-radius:50%;background:radial-gradient(circle,rgba(160,120,255,.4) 0%,rgba(118,55,143,.1) 60%,transparent 100%);animation:orb-pulse 4s ease-in-out infinite}.ai-orb-ring{position:absolute;border-radius:50%;border:1.5px solid rgba(200,225,255,.08)}.ai-orb-ring:nth-child(1){width:100%;height:100%;top:0;left:0;animation:slow-spin 15s linear infinite reverse}.ai-orb-ring:nth-child(2){width:80%;height:80%;top:10%;left:10%;border-style:dashed;animation:slow-spin 20s linear infinite}.ai-orb-ring:nth-child(3){width:60%;height:60%;top:20%;left:20%;animation:slow-spin 10s linear infinite reverse}@keyframes slow-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes orb-pulse{0%,to{transform:scale(.9);opacity:.8}50%{transform:scale(1.1);opacity:1}}.mockup-2{width:180px;height:180px;background:linear-gradient(145deg,#22242f,#181923);border-radius:32px;display:flex;align-items:center;justify-content:center;border:1px solid var(--button-border);color:#aeb2c2;transition:transform .3s ease;position:relative;overflow:hidden}.mockup-2:hover{transform:scale(1.05)}.play-button-animation{width:80px;height:80px;position:relative}.play-button-animation:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:radial-gradient(circle,rgba(120,160,255,.3) 0%,transparent 70%);animation:play-pulse 2s ease-in-out infinite}.play-button-icon{position:absolute;top:50%;left:55%;transform:translate(-50%,-50%);width:0;height:0;border-top:20px solid transparent;border-bottom:20px solid transparent;border-left:35px solid #aeb2c2;transition:border-color .2s}.mockup-2:hover .play-button-icon{border-left-color:#fff}@keyframes play-pulse{0%,to{transform:scale(.8);opacity:0}50%{transform:scale(1.2);opacity:1}}.mockup-3{width:180px;height:150px;background:linear-gradient(145deg,#1e1a33,#13111f);border:1px solid var(--button-border);border-radius:24px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#9370db;position:relative;overflow:hidden}.mockup-3:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,rgba(147,112,219,.2),transparent 30%);animation:rotate-glow 4s linear infinite}@keyframes rotate-glow{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mockup-3 svg{width:80px;height:80px;stroke-width:1;z-index:1;animation:shield-pulse 3s ease-in-out infinite}@keyframes shield-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}.mockup-4{width:240px;height:150px;background:#1e1f21;border-radius:16px;border:1px solid var(--button-border);padding:16px;font-family:SF Mono,Courier New,monospace;font-size:12px;line-height:1.6;color:#9cdcfe;overflow:hidden;flex-shrink:0;box-shadow:0 10px 20px #0003}.mockup-4 .line{white-space:pre;opacity:0;animation:typing-fade-in .5s forwards}.mockup-4 .line-1{animation-delay:.2s}.mockup-4 .line-2{animation-delay:.8s}.mockup-4 .line-3{animation-delay:1.5s}.mockup-4 .line-4{animation-delay:2.2s}.mockup-4 .line-5{animation-delay:2.8s;position:relative}.mockup-4 .line-5:after{content:"|";position:absolute;right:-10px;opacity:0;color:#fff;animation:blink 1s step-end infinite,show-cursor .1s 3s forwards}@keyframes typing-fade-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@keyframes blink{50%{opacity:1}}@keyframes show-cursor{to{opacity:1}}.mockup-4 .line span{color:#c586c0}.mockup-4 .line .comment{color:#6a9955}.mockup-4 .line .string{color:#ce9178}.skeleton-card{padding:32px 0;display:flex;background-color:transparent}.skeleton{background:linear-gradient(90deg,#ffffff14 25%,#ffffff1f,#ffffff14 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-line{height:16px;margin-bottom:12px}.skeleton-line.h-30{height:30px;margin-bottom:24px}.skeleton-line.w-75{width:75%}.skeleton-line.w-50{width:50%}.skeleton-mockup{border-radius:24px;align-self:flex-end;margin-top:24px}.skeleton-mockup.circle{border-radius:50%;width:180px;height:180px}.skeleton-mockup.rect{width:180px;height:150px}.cookie-consent-banner{position:fixed;bottom:24px;left:24px;max-width:400px;width:calc(100% - 48px);background-color:#141416cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--button-border);border-radius:16px;padding:20px;z-index:1000;box-shadow:0 8px 24px #0000004d;transform:translateY(200%);opacity:0;transition:transform .5s ease-out,opacity .5s ease-out;overflow:hidden}.cookie-consent-banner.visible{transform:translateY(0);opacity:1}.cookie-content p{font-size:14px;line-height:1.6;color:var(--text-color-secondary);margin:0 0 16px}.cookie-actions{display:flex;gap:12px}.cookie-btn{flex-grow:1;padding:8px 12px;border-radius:10px;font-size:14px;font-weight:500;border:none;cursor:pointer;transition:background-color .2s ease}.cookie-btn.accept{background-color:var(--accent-primary);color:#fff}.cookie-btn.accept:hover{background-color:#4f5bda}.cookie-btn.decline{background-color:var(--button-bg);color:var(--text-color)}.cookie-btn.decline:hover{background-color:#fff3}.cookie-timer-bar{position:absolute;bottom:0;left:0;height:4px;width:100%;background-color:var(--accent-primary);transform-origin:left;animation:none}.cookie-consent-banner.visible .cookie-timer-bar{animation:shrink 15s linear forwards}@keyframes shrink{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.notification{position:fixed;top:20px;right:20px;background-color:#141416cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--button-border);border-radius:12px;padding:14px 20px;color:var(--text-color);font-size:15px;font-weight:500;box-shadow:0 4px 12px #0003;z-index:2000;opacity:0;transform:translateY(-20px) translate(20px) scale(.95);transition:transform .3s ease,opacity .3s ease;pointer-events:none}.notification.show{opacity:1;transform:translateY(0) translate(0) scale(1);pointer-events:auto}@media (max-width: 1024px){.nav-links{display:none}.features-grid{flex-direction:column}.features-grid.container{padding-left:24px;padding-right:24px}.get-started h1{font-size:48px}}@media (max-width: 768px){.header{padding:16px 24px}.header-right{gap:16px}.card-content h2{font-size:20px}.features-grid-left .card-content h2{font-size:24px}.feature-card-row{flex-direction:column;align-items:flex-start;gap:32px}.feature-card-row .card-content{max-width:100%}.main-content{padding-top:40px}.get-started{margin-bottom:80px}.user-menu-name{display:none}.user-menu{padding:6px}}