*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#e0e0e0;background:#0a0a0f;font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:#0a0a0f}::-webkit-scrollbar-thumb{background:#00f0ff;border-radius:4px}::selection{color:#0a0a0f;background:#00f0ff}:root{--primary:#00f0ff;--primary-dim:#00f0ff1f;--accent:#b829ff;--accent-dim:#b829ff1f;--bg:#0a0a0f;--bg-card:#111118;--text:#e0e0e0;--text-dim:#888;--text-bright:#fff;--border:#00f0ff14;--radius:16px;--radius-sm:8px}html{scroll-behavior:smooth}.container{max-width:1200px;margin:0 auto;padding:0 20px}.section-title{text-align:center;color:var(--text-bright);margin-bottom:12px;font-size:42px;font-weight:800}.section-subtitle{text-align:center;color:var(--text-dim);margin-bottom:56px;font-size:18px}.highlight{color:var(--primary)}.scroll-reveal{opacity:0;transition:opacity .7s,transform .7s;transform:translateY(40px)}.scroll-reveal.revealed{opacity:1;transform:translateY(0)}.navbar{z-index:1000;background:0 0;padding:18px 0;transition:all .3s;position:fixed;top:0;left:0;right:0}.navbar.scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid var(--border);background:#0a0a0feb;padding:10px 0}.nav-container{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 20px;display:flex}.nav-logo{color:var(--text-bright);letter-spacing:3px;font-size:24px;font-weight:800;text-decoration:none}.nav-logo .highlight{animation:1s step-end infinite blink}@keyframes blink{50%{opacity:0}}.nav-links{gap:28px;margin:0;list-style:none;display:flex}.nav-links a{color:var(--text-dim);padding:4px 0;font-size:14px;font-weight:500;text-decoration:none;transition:color .3s;position:relative}.nav-links a:after{content:"";background:var(--primary);border-radius:1px;width:0;height:2px;transition:width .3s;position:absolute;bottom:0;left:0}.nav-links a:hover,.nav-links a.active{color:var(--primary)}.nav-links a:hover:after,.nav-links a.active:after{width:100%}.burger{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.burger span{background:#fff;width:24px;height:2px;transition:all .3s;display:block}.burger.open span:first-child{transform:rotate(45deg)translate(5px,5px)}.burger.open span:nth-child(2){opacity:0}.burger.open span:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=768px){.burger{display:flex}.nav-links{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0ffa;flex-direction:column;justify-content:center;align-items:center;gap:28px;width:75%;height:100vh;transition:right .3s;position:fixed;top:0;right:-100%}.nav-links.open{right:0}.nav-links a{font-size:20px}}.hero-section{background:var(--bg);justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.hero-particles{pointer-events:none;position:absolute;inset:0;overflow:hidden}.particle{background:var(--primary);opacity:0;border-radius:50%;animation:8s infinite particleFloat;position:absolute}@keyframes particleFloat{0%{opacity:0;transform:translateY(100vh)scale(0)}20%{opacity:.6}80%{opacity:.6}to{opacity:0;transform:translateY(-10vh)scale(1)}}.hero-content{text-align:center;z-index:1;padding:20px;position:relative}.hero-badge{border:1px solid var(--primary);color:var(--primary);letter-spacing:3px;text-transform:uppercase;background:var(--primary-dim);border-radius:100px;margin-bottom:24px;padding:8px 22px;font-size:13px;font-weight:600;animation:.8s fadeInUp;display:inline-block}.hero-typing{color:var(--primary);min-height:32px;margin-bottom:16px;font-size:22px;font-weight:500;animation:.8s .1s backwards fadeInUp}.typing-cursor{animation:.8s infinite pulse}@keyframes pulse{0%,to{opacity:1}50%{opacity:0}}.hero-subtitle{color:var(--text-dim);margin-bottom:36px;font-size:18px;line-height:1.6;animation:1s .2s backwards fadeInUp}.hero-mission{color:var(--text-dim);max-width:600px;margin:0 auto 20px;font-size:16px;font-style:italic;line-height:1.6;animation:1s .3s backwards fadeInUp}.hero-trust{flex-wrap:wrap;justify-content:center;gap:24px;margin-bottom:28px;animation:1s .35s backwards fadeInUp;display:flex}.hero-trust span{color:var(--text-dim);background:var(--primary-dim);border:1px solid #00f0ff1a;border-radius:100px;padding:6px 16px;font-size:13px;font-weight:500}.hero-actions{flex-wrap:wrap;justify-content:center;gap:14px;animation:1s .4s backwards fadeInUp;display:flex}.btn{border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--accent));color:#fff;box-shadow:0 0 30px #00f0ff40}.btn-primary:hover{transform:translateY(-3px);box-shadow:0 0 50px #00f0ff66}.btn-outline{color:var(--primary);border:2px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-dim);transform:translateY(-3px)}.btn-ghost{color:var(--text-dim);border:1px solid var(--border);background:0 0}.btn-ghost:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-3px)}.btn-full{justify-content:center;width:100%}.scroll-indicator{animation:2s infinite bounce;position:absolute;bottom:36px;left:50%;transform:translate(-50%)}.scroll-indicator span{border:2px solid var(--primary);border-radius:12px;width:22px;height:36px;display:block;position:relative}.scroll-indicator span:after{content:"";background:var(--primary);border-radius:2px;width:3px;height:8px;animation:2s infinite scrollDot;position:absolute;top:7px;left:50%;transform:translate(-50%)}@keyframes scrollDot{0%,to{opacity:1;top:7px}50%{opacity:.3;top:18px}}@keyframes bounce{0%,to{transform:translate(-50%)translateY(0)}50%{transform:translate(-50%)translateY(8px)}}.glitch{color:var(--text-bright);text-transform:uppercase;letter-spacing:4px;margin-bottom:12px;font-size:76px;font-weight:900;animation:.8s fadeInUp;position:relative}@media (width<=768px){.glitch{letter-spacing:2px;font-size:40px}.hero-typing{font-size:17px}.hero-subtitle{font-size:15px}.hide-desktop{display:block}}@media (width>=769px){.hide-desktop{display:none}}.glitch:before,.glitch:after{content:attr(data-text);width:100%;height:100%;position:absolute;top:0;left:0}.glitch:before{color:var(--primary);z-index:-1;animation:3s linear infinite alternate-reverse glitch-offset}.glitch:after{color:var(--accent);z-index:-2;animation:2s linear infinite alternate-reverse glitch-offset}@keyframes glitch-offset{0%{transform:translate(0)}20%{transform:translate(-3px,1px)}40%{transform:translate(3px,-1px)}60%{transform:translate(-1px,3px)}80%{transform:translate(1px,-3px)}to{transform:translate(0)}}.about-section{padding:120px 0;position:relative}.about-grid{grid-template-columns:1fr 1fr;align-items:start;gap:60px;display:grid}@media (width<=768px){.about-grid{grid-template-columns:1fr;gap:40px}}.about-text p{color:var(--text-dim);margin-bottom:18px;font-size:16px;line-height:1.8}.about-stats{flex-wrap:wrap;gap:36px;margin-top:28px;display:flex}.stat{flex-direction:column;gap:2px;display:flex}.stat-number{color:var(--primary);font-size:30px;font-weight:800;line-height:1}.stat-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:1px;font-size:13px}.about-tech h3{color:var(--text-bright);margin-bottom:16px;font-size:18px}.tech-cloud{flex-wrap:wrap;gap:8px;display:flex}.tech-tag{background:var(--bg-card);border:1px solid var(--border);color:var(--text);cursor:default;border-radius:6px;padding:7px 14px;font-size:13px;transition:all .3s}.tech-tag:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);box-shadow:0 0 20px #00f0ff14}.about-values{margin-top:32px}.about-values h3{color:var(--text-bright);margin-bottom:16px;font-size:18px}.values-grid{gap:14px;display:grid}.value-item{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 18px;transition:all .3s;display:flex}.value-item:hover{border-color:#00f0ff33;transform:translate(4px)}.value-icon{flex-shrink:0;margin-top:2px;font-size:24px}.value-item strong{color:var(--text-bright);margin-bottom:3px;font-size:14px;display:block}.value-item p{color:var(--text-dim);margin:0;font-size:13px;line-height:1.5}.services-section{background:var(--bg-card);padding:120px 0}.services-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.services-grid{grid-template-columns:1fr}}.service-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:28px 22px;transition:all .4s;position:relative;overflow:hidden}.service-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));transform-origin:0;height:3px;transition:transform .4s;position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:hover{border-color:#00f0ff33;transform:translateY(-6px);box-shadow:0 16px 48px #00000080}.service-card:hover:before{transform:scaleX(1)}.service-icon{margin-bottom:14px;font-size:38px}.service-title{color:var(--text-bright);margin-bottom:10px;font-size:18px;font-weight:700}.service-desc{color:var(--text-dim);margin-bottom:18px;font-size:14px;line-height:1.6}.service-bar-wrapper{align-items:center;gap:10px;margin-bottom:18px;display:flex}.service-bar{background:#ffffff0a;border-radius:3px;flex:1;height:5px;overflow:hidden}.service-bar-fill{background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:3px;width:0;height:100%;transition:width 1.5s}.service-card:hover .service-bar-fill,.service-bar-fill{width:var(--level)}.service-level{color:var(--primary);text-align:right;min-width:30px;font-size:12px;font-weight:700}.service-items{padding:0;list-style:none}.service-items li{color:var(--text-dim);padding:3px 0 3px 14px;font-size:13px;position:relative}.service-items li:before{content:"▸";color:var(--primary);position:absolute;left:0}.portfolio-section{padding:120px 0}.portfolio-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}@media (width<=992px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=576px){.portfolio-grid{grid-template-columns:1fr}}.portfolio-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);transition:all .4s;overflow:hidden}.portfolio-card:hover{border-color:#b829ff4d;transform:translateY(-6px);box-shadow:0 16px 48px #00000080}.portfolio-img-wrapper{height:180px;position:relative;overflow:hidden}.portfolio-img{object-fit:cover;width:100%;height:100%;transition:transform .5s;display:block}.portfolio-card:hover .portfolio-img{transform:scale(1.08)}.portfolio-img-overlay{background:linear-gradient(#0000,#000c);padding:12px 16px;position:absolute;bottom:0;left:0;right:0}.portfolio-category{color:var(--primary);text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:600}.portfolio-body{padding:20px 22px}.portfolio-title{color:var(--text-bright);margin-bottom:8px;font-size:17px;font-weight:700}.portfolio-desc{color:var(--text-dim);margin-bottom:14px;font-size:13px;line-height:1.6}.portfolio-tech{flex-wrap:wrap;gap:6px;display:flex}.portfolio-tag{background:var(--accent-dim);color:var(--accent);border-radius:4px;padding:4px 10px;font-size:11px;font-weight:500}.faq-section{background:var(--bg-card);padding:120px 0}.faq-list{flex-direction:column;gap:10px;max-width:720px;margin:0 auto;display:flex}.faq-item{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);transition:border-color .3s;overflow:hidden}.faq-item:hover{border-color:#00f0ff33}.faq-question{cursor:pointer;width:100%;color:var(--text-bright);text-align:left;background:0 0;border:none;justify-content:space-between;align-items:center;gap:16px;padding:18px 22px;font-size:15px;font-weight:600;display:flex}.faq-arrow{color:var(--primary);flex-shrink:0;font-size:14px;transition:transform .3s}.faq-item.open .faq-arrow{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .4s,padding .4s;overflow:hidden}.faq-item.open .faq-answer{max-height:300px;padding:0 22px 18px}.faq-answer p{color:var(--text-dim);margin:0;font-size:14px;line-height:1.7}.contact-section{padding:120px 0}.contact-grid{grid-template-columns:1fr 1fr;align-items:start;gap:48px;display:grid}@media (width<=768px){.contact-grid{grid-template-columns:1fr}}.contact-info{flex-direction:column;gap:20px;display:flex}a.contact-method{color:inherit;text-decoration:none}.contact-method{background:var(--bg-card);border-radius:var(--radius-sm);border:1px solid var(--border);cursor:pointer;align-items:center;gap:16px;padding:16px 20px;transition:all .3s;display:flex}.contact-method:hover{border-color:var(--primary);transform:translate(4px);box-shadow:0 0 20px #00f0ff14}.contact-method-icon{font-size:28px}.contact-method h4{color:var(--text-dim);margin:0 0 2px;font-size:14px;font-weight:500}.contact-method p{color:var(--text-bright);margin:0;font-size:16px;font-weight:600}.contact-note{color:var(--text-dim);margin-top:8px;font-size:13px;font-style:italic}.contact-form{background:var(--bg-card);border-radius:var(--radius);border:1px solid var(--border);padding:32px}.form-group{margin-bottom:18px}.form-group label{color:var(--text-bright);margin-bottom:6px;font-size:14px;font-weight:600;display:block}.form-group input,.form-group textarea{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);box-sizing:border-box;outline:none;padding:12px 14px;font-family:inherit;font-size:15px;transition:border-color .3s}.form-group input:focus,.form-group textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-dim)}.form-group input.error,.form-group textarea.error{border-color:#f44}.form-error{color:#f44;margin-top:4px;font-size:13px;display:block}.form-success{color:#4ade80;border-radius:var(--radius-sm);background:#00ff641a;border:1px solid #00ff644d;margin-bottom:20px;padding:14px 18px;font-size:14px}.footer{border-top:1px solid var(--border);background:var(--bg-card);padding:60px 0 20px}.footer-content{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:32px;margin-bottom:28px;display:flex}.footer-brand h3{color:var(--text-bright);margin:0 0 6px;font-size:22px}.footer-brand p{color:var(--text-dim);margin:0;font-size:13px}.footer-founder{color:var(--text-dim)!important;margin-top:6px!important;font-size:12px!important}.footer-founder strong{color:var(--primary)}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{color:var(--text-dim);font-size:13px;text-decoration:none;transition:color .3s}.footer-links a:hover{color:var(--primary)}.footer-services{flex-direction:column;gap:8px;display:flex}.footer-services h4{color:var(--text-bright);margin:0;font-size:14px}.footer-services a{color:var(--text-dim);font-size:13px;text-decoration:none;transition:color .3s}.footer-services a:hover{color:var(--primary)}.footer-social{justify-content:center;gap:12px;margin-bottom:24px;display:flex}.social-link{background:var(--bg);border:1px solid var(--border);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{border-color:var(--primary);transform:translateY(-3px);box-shadow:0 0 20px #00f0ff1a}.footer-bottom{border-top:1px solid var(--border);text-align:center;padding-top:20px}.footer-bottom p{color:var(--text-dim);margin:0;font-size:13px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}