@import "https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Inter:wght@300;400;500;600;700&display=swap";:root{--bg-primary:#060a14;--bg-secondary:#0a1020;--bg-card:#0c1428b3;--bg-card-hover:#101c38d9;--cyan:#00d4ff;--cyan-dim:#0ac;--cyan-glow:#00d4ff4d;--violet:#7c3aed;--violet-light:#a855f7;--violet-glow:#7c3aed4d;--pink:#ec4899;--pink-glow:#ec48994d;--green-ok:#10b981;--text-primary:#f0f6ff;--text-secondary:#94a3b8;--text-muted:#64748b;--border:#00d4ff26;--border-strong:#00d4ff59;--border-violet:#7c3aed4d;--grad-primary:linear-gradient(135deg, #00d4ff, #7c3aed);--grad-secondary:linear-gradient(135deg, #7c3aed, #ec4899);--grad-text:linear-gradient(135deg, #00d4ff 0%, #a855f7 50%, #ec4899 100%);--grad-card:linear-gradient(135deg, #00d4ff0d, #7c3aed0d);--shadow-card:0 4px 40px #0006, 0 0 80px #00d4ff0d;--glow-cyan:0 0 20px #00d4ff66, 0 0 60px #00d4ff1a;--glow-violet:0 0 20px #7c3aed66, 0 0 60px #7c3aed1a;--glow-pink:0 0 20px #ec489966;--font-main:"Space Grotesk", sans-serif;--font-mono:"JetBrains Mono", monospace;--font-body:"Inter", sans-serif;--section-padding:140px 80px;--card-radius:20px;--btn-radius:12px;--transition:all .35s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .6s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;position:relative;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(80% 60% at 20% -10%,#00d4ff14 0%,#0000 60%),radial-gradient(60% 50% at 80% 110%,#7c3aed1a 0%,#0000 60%),radial-gradient(40% 40%,#00000080 0%,#0000 70%);position:fixed;inset:0}body:after{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#00d4ff08 1px,#0000 1px),linear-gradient(90deg,#00d4ff08 1px,#0000 1px);background-size:60px 60px;position:fixed;inset:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--grad-primary);border-radius:3px}.gradient-text{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-label{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:10px;margin-bottom:12px;font-size:.75rem;display:inline-flex}.section-label:before{content:"";background:var(--grad-primary);width:30px;height:2px;display:inline-block}.section-divider{background:var(--grad-primary);border-radius:3px;width:60px;height:3px;margin:16px 0 40px}#intro{z-index:1;justify-content:center;align-items:center;height:100vh;display:flex;position:relative}.main{z-index:2;width:92%;max-width:1100px;position:relative}.card{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);border:1px solid var(--border);background:#081020cc;border-radius:28px;padding:48px 52px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #00d4ff0d,0 20px 80px #00000080,inset 0 1px #00d4ff1a}.card:before{content:"";background:linear-gradient(90deg, transparent, var(--cyan), transparent);height:1px;position:absolute;top:0;left:0;right:0}.top-tags{gap:10px;margin-bottom:40px;display:flex}.top-tags span{font-family:var(--font-mono);border:1px solid var(--border);letter-spacing:.15em;color:var(--text-secondary);transition:var(--transition);background:#00d4ff12;border-radius:20px;padding:5px 14px;font-size:10px}.dot{color:var(--green-ok)!important;background:#10b98114!important;border-color:#10b9814d!important}.dot:before{content:"";background:var(--green-ok);border-radius:50%;width:6px;height:6px;margin-right:6px;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{opacity:1;box-shadow:0 0 #10b98199}50%{opacity:.7;box-shadow:0 0 0 6px #10b98100}}.content{align-items:center;gap:60px;display:flex}.left{flex:1.2}.left h1{font-family:var(--font-main);color:var(--text-primary);letter-spacing:-1px;margin-bottom:18px;font-size:52px;font-weight:700;line-height:1.1}.left h1 span{background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.desc{color:var(--text-secondary);max-width:420px;margin-bottom:30px;font-size:15px;line-height:1.8}.live-line{margin-bottom:26px}.live-line span{font-family:var(--font-mono);letter-spacing:.2em;color:var(--cyan);border:1px solid var(--border);background:#00d4ff12;border-radius:20px;padding:5px 14px;font-size:11px}.buttons{flex-wrap:wrap;gap:12px;display:flex}.btn{font-family:var(--font-main);border:1px solid var(--border);cursor:pointer;transition:var(--transition);color:var(--text-primary);letter-spacing:.05em;text-transform:uppercase;background:#00d4ff12;border-radius:25px;align-items:center;gap:8px;padding:9px 18px;font-size:11px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn:before{content:"";background:var(--grad-primary);opacity:0;transition:var(--transition);position:absolute;inset:0}.btn:hover:before{opacity:1}.btn:hover{box-shadow:var(--glow-cyan);border-color:#0000;transform:translateY(-2px)}.btn i{color:var(--cyan);z-index:1;font-size:12px;position:relative}.btn span,.btn{z-index:1;position:relative}.site-link{font-family:var(--font-mono);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);background:#00d4ff0d;border-radius:25px;align-items:center;gap:8px;margin-top:24px;padding:8px 18px;font-size:12px;display:inline-flex}.site-link i{color:var(--cyan)}.site-link:hover{color:var(--cyan);border-color:var(--border-strong)}.right{border:1px solid var(--border-violet);background:linear-gradient(160deg,#00d4ff0a,#7c3aed0f);border-radius:22px;flex:1;padding:30px;position:relative;overflow:hidden}.right:before{content:"";pointer-events:none;background:radial-gradient(circle,#00d4ff0f,#0000 70%);width:100%;height:100%;position:absolute;top:-50%;right:-50%}.right-head{font-family:var(--font-mono);letter-spacing:.15em;color:var(--text-muted);text-transform:uppercase;justify-content:space-between;margin-bottom:24px;font-size:10px;display:flex}.online{align-items:center;gap:5px;display:flex;color:var(--green-ok)!important}.online:before{content:"";background:var(--green-ok);border-radius:50%;width:5px;height:5px;animation:2s infinite pulse-dot}.orbit-box{width:220px;height:220px;margin:0 auto 24px;position:relative}.orbit{border:1px solid #00d4ff33;border-radius:50%;animation:18s linear infinite spin;position:absolute;inset:0}.orbit:after{content:"";border:1px solid #7c3aed1a;border-radius:50%;position:absolute;inset:-8px}.orbit i{background:var(--bg-secondary);color:var(--cyan);border:1px solid var(--border);box-shadow:var(--glow-cyan);border-radius:50%;padding:8px;font-size:12px;position:absolute}.i1{top:-12px;left:50%;transform:translate(-50%)}.i2{top:50%;right:-12px;transform:translateY(-50%);color:var(--violet-light)!important}.i3{bottom:-12px;left:50%;transform:translate(-50%);color:var(--pink)!important}.i4{top:50%;left:-12px;transform:translateY(-50%)}.core{background:radial-gradient(circle,#00d4ff26,#7c3aed1a);border:1px solid #00d4ff33;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:45px;box-shadow:0 0 30px #00d4ff33,inset 0 0 30px #00d4ff0d}.core span{font-family:var(--font-mono);letter-spacing:.2em;color:var(--cyan);font-size:11px}.stats{gap:14px;display:flex}.stats div{border:1px solid var(--border);text-align:left;transition:var(--transition);background:#00d4ff0a;border-radius:14px;flex:1;padding:14px 16px}.stats div:hover{border-color:var(--border-strong);background:#00d4ff14}.stats h4{font-family:var(--font-mono);background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:20px;font-weight:600}.stats p{color:var(--text-muted);font-size:11px;font-family:var(--font-mono);letter-spacing:.05em;margin-top:2px}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes smoothOut{0%{opacity:1;filter:blur();transform:scale(1)}to{opacity:0;filter:blur(20px);transform:scale(1.08)}}.fade-in{animation:.8s forwards fadeInUp}.smooth-out{animation:1.1s forwards smoothOut}.from-top{opacity:0;animation:.8s forwards fromTop;transform:translateY(-40px)}.from-left{opacity:0;animation:.8s forwards fromLeft;transform:translate(-40px)}.from-right{opacity:0;animation:.8s forwards fromRight;transform:translate(40px)}.from-bottom{opacity:0;animation:.8s forwards fromBottom;transform:translateY(40px)}.zoom-in{opacity:0;animation:.8s forwards zoomIn;transform:scale(.85)}@keyframes fromTop{to{opacity:1;transform:translateY(0)}}@keyframes fromLeft{to{opacity:1;transform:translate(0)}}@keyframes fromRight{to{opacity:1;transform:translate(0)}}@keyframes fromBottom{to{opacity:1;transform:translateY(0)}}@keyframes zoomIn{to{opacity:1;transform:scale(1)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-18px)}}.slide-in-left{opacity:0;transition:all 1s cubic-bezier(.4,0,.2,1);transform:translate(-50px)}.slide-in-right{opacity:0;transition:all 1s cubic-bezier(.4,0,.2,1);transform:translate(50px)}.slide-in-up{opacity:0;transition:all 1s cubic-bezier(.4,0,.2,1);transform:translateY(50px)}header{z-index:1000;width:100%;transition:var(--transition);padding:20px 0;position:fixed;top:0;left:0}header.scrolled{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);background:#060a14f2;padding:12px 0}.div-list{justify-content:center;align-items:center;display:flex}.ul-list{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);background:#081020bf;border-radius:50px;gap:4px;padding:8px 16px;list-style:none;display:flex;box-shadow:0 8px 32px #0000004d,inset 0 1px #00d4ff14}.ul-list li{transition:var(--transition);cursor:pointer;border-radius:40px;align-items:center;gap:6px;padding:8px 16px;display:flex;position:relative}.ul-list li a{font-family:var(--font-main);color:var(--text-secondary);transition:var(--transition);letter-spacing:.02em;font-size:13px;font-weight:500;text-decoration:none}.ul-list li i{color:var(--text-muted);transition:var(--transition);font-size:13px}.ul-list li:hover{background:#00d4ff14}.ul-list li:hover a,.ul-list li:hover i{color:var(--cyan)}.ul-list li.active{border:1px solid var(--border-strong);background:#00d4ff1f}.ul-list li.active a,.ul-list li.active i{color:var(--cyan)}.home{padding:var(--section-padding);color:var(--text-primary);z-index:1;max-width:1400px;margin:0 auto;padding-top:180px;position:relative}.home-p{color:var(--green-ok);letter-spacing:.02em;background:#10b98114;border:1px solid #10b98140;border-radius:50px;align-items:center;gap:8px;margin-bottom:36px;padding:7px 18px;font-size:13px;font-weight:500;display:inline-flex}.home-s{color:var(--green-ok);animation:2s infinite pulse-dot}.home-container{grid-template-columns:1fr auto;align-items:center;gap:80px;display:grid}.home-section{max-width:680px}.info-home h1{font-family:var(--font-main);letter-spacing:-2px;color:var(--text-primary);margin-bottom:20px;font-size:62px;font-weight:700;line-height:1.05}.info-home h3{font-family:var(--font-main);background:var(--grad-text);-webkit-text-fill-color:transparent;letter-spacing:-.3px;-webkit-background-clip:text;background-clip:text;margin-bottom:24px;font-size:22px;font-weight:500}.info-p{margin-bottom:24px}.info-p p{color:var(--text-secondary);margin-bottom:4px;font-size:16px;line-height:1.8}.info-p2{color:var(--text-secondary);flex-wrap:wrap;gap:24px;margin-bottom:36px;font-size:13px;display:flex}.info-p2 p{border:1px solid var(--border);transition:var(--transition);background:#00d4ff0d;border-radius:50px;align-items:center;gap:8px;padding:6px 14px;display:flex}.info-p2 p:hover{border-color:var(--border-strong);color:var(--text-primary)}.info-p2 i{color:var(--cyan)}.btnn{flex-wrap:wrap;gap:16px;margin-bottom:36px;display:flex}.btn-home1{font-family:var(--font-main);border-radius:var(--btn-radius);background:var(--grad-primary);color:#fff;cursor:pointer;transition:var(--transition);border:none;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex;position:relative;overflow:hidden}.btn-home1:after{content:"";opacity:0;transition:var(--transition);background:linear-gradient(135deg,#fff3,#0000);position:absolute;inset:0}.btn-home1:hover{box-shadow:var(--glow-cyan);transform:translateY(-3px)}.btn-home1:hover:after{opacity:1}.btn-home2{font-family:var(--font-main);border-radius:var(--btn-radius);border:1px solid var(--border-strong);color:var(--cyan);cursor:pointer;transition:var(--transition);background:#00d4ff0d;align-items:center;gap:10px;padding:14px 28px;font-size:14px;font-weight:600;display:inline-flex}.btn-home2:hover{box-shadow:var(--glow-cyan);background:#00d4ff1f;transform:translateY(-3px)}.hhr{margin-bottom:16px}hr{border:none;border-top:1px solid var(--border);width:100%;margin:16px 0}.home-img-wrapper{perspective:800px;align-self:center;display:inline-block;position:relative}.home img{object-fit:cover;border:1px solid var(--border);width:380px;height:460px;box-shadow:var(--shadow-card);filter:saturate(1.1)contrast(1.05);transition:var(--transition-slow);z-index:1;border-radius:24px;display:block;position:relative}.home img:hover{box-shadow:var(--glow-cyan), var(--shadow-card);transform:scale(1.02)}.img-glow-ring{filter:blur(20px);z-index:0;opacity:.7;background:radial-gradient(#00d4ff26 0%,#7c3aed1a 50%,#0000 70%);border-radius:32px;position:absolute;inset:-20px}.img-badge{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--border-strong);font-family:var(--font-mono);letter-spacing:.1em;color:var(--green-ok);white-space:nowrap;z-index:2;background:#081020e6;border-radius:50px;align-items:center;gap:8px;padding:8px 18px;font-size:11px;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 0 20px #0006}.badge-dot{background:var(--green-ok);border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:1.5s infinite pulse-dot}.about{padding:var(--section-padding);font-family:var(--font-body);color:var(--text-primary);z-index:1;max-width:1400px;margin:0 auto;position:relative}.about-info{align-items:center;gap:14px;margin-bottom:60px;display:flex}.img-about img{object-fit:cover;border:2px solid var(--cyan);width:52px;height:52px;box-shadow:var(--glow-cyan);border-radius:50%}.info-text h5{font-family:var(--font-mono);color:var(--cyan);margin-bottom:3px;font-size:14px}.info-text p{color:var(--text-secondary);font-size:13px}.about h3{font-family:var(--font-main);letter-spacing:-.5px;background:var(--grad-text);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:36px;font-weight:700}.about-info2{grid-template-columns:1fr auto;align-items:start;gap:60px;margin-top:8px;display:grid}.about-text{max-width:680px}.about-text p{color:var(--text-secondary);margin-bottom:18px;padding:0;font-size:15px;line-height:1.9}.about-text span{color:var(--cyan);font-weight:600}.about-text strong{color:var(--text-primary);font-weight:600}.about-text p:last-child,.about-text p:nth-last-child(2),.about-text p:nth-last-child(3),.about-text p:nth-last-child(4){border:1px solid var(--border);transition:var(--transition);background:#00d4ff08;border-radius:12px;align-items:flex-start;gap:12px;margin-bottom:10px;padding:14px 18px;display:flex}.about-text p:last-child:hover,.about-text p:nth-last-child(2):hover,.about-text p:nth-last-child(3):hover,.about-text p:nth-last-child(4):hover{border-color:var(--border-strong);background:#00d4ff0f}.photo-container{padding:0;display:inline-block;position:relative}.photo-container img{object-fit:cover;border-radius:var(--card-radius);border:1px solid var(--border);width:280px;height:340px;box-shadow:var(--shadow-card);filter:saturate(1.1);display:block}.tape{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--border-strong);opacity:.9;z-index:2;background:#00d4ff26;border-radius:4px;width:80px;height:24px;position:absolute;box-shadow:0 0 12px #00d4ff4d}.tape1{top:-14px;left:20px;transform:rotate(-8deg)}.tape2{bottom:-14px;right:20px;transform:rotate(8deg)}.sub-title{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:12px;margin-bottom:14px;font-size:12px;display:flex}.sub-title:before{content:"";background:var(--grad-primary);width:32px;height:2px;display:inline-block}.experience h1,.project h1,.services h1{font-family:var(--font-main);letter-spacing:-1px;color:var(--text-primary);padding-bottom:0;font-size:42px;font-weight:700}.experience hr,.project hr,.services hr{background:var(--grad-primary);border:none;border-radius:3px;width:60px;height:3px;margin:16px 0 40px}.info-pro{text-align:center;max-width:600px;margin-bottom:40px}.info-pro p{color:var(--text-secondary);padding-bottom:6px;font-size:15px}.experience{padding:var(--section-padding);color:var(--text-primary);z-index:1;flex-direction:column;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;display:flex;position:relative}.experience-container{grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px;width:100%;max-width:1200px;margin:0 auto;display:grid}.experience-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);transition:var(--transition);flex-direction:column;padding:32px;display:flex;position:relative;overflow:hidden}.experience-card:before{content:"";background:var(--grad-primary);opacity:0;height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0}.experience-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover);box-shadow:var(--shadow-card), var(--glow-cyan);transform:translateY(-8px)}.experience-card:hover:before{opacity:1}.experience-badge{font-family:var(--font-mono);letter-spacing:.1em;color:var(--cyan);border:1px solid var(--border);text-transform:uppercase;background:#00d4ff12;border-radius:20px;align-self:flex-start;align-items:center;gap:7px;margin-bottom:18px;padding:5px 14px;font-size:10px;display:inline-flex}.experience-card h3{font-family:var(--font-main);color:var(--text-primary);letter-spacing:-.3px;margin-bottom:8px;font-size:1.2rem;font-weight:600}.experience-card .exp-company{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:14px;font-size:.9rem;font-weight:500;display:flex}.experience-card .exp-company i{color:var(--cyan)}.experience-card p.exp-desc{color:var(--text-secondary);margin-bottom:16px;font-size:.9rem;line-height:1.7}.experience-card ul{margin:0;padding:0;list-style:none}.experience-card ul li{color:var(--text-secondary);margin-bottom:9px;padding-left:22px;font-size:.87rem;line-height:1.6;position:relative}.experience-card ul li:before{content:"▸";color:var(--cyan);font-size:13px;position:absolute;left:0}.project{padding:var(--section-padding);color:var(--text-primary);z-index:1;flex-direction:column;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;display:flex;position:relative}.project p{font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:12px;margin-bottom:14px;padding-bottom:0;font-size:12px;display:flex}.project p:before{content:"";background:var(--grad-primary);width:32px;height:2px;display:inline-block}.projects-container{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;width:100%;max-width:1200px;margin:0 auto;display:grid}.project-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);transition:var(--transition);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:var(--shadow-card);position:relative;overflow:hidden}.project-card:after{content:"";background:var(--grad-card);opacity:0;transition:var(--transition);pointer-events:none;position:absolute;inset:0}.project-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-card), var(--glow-cyan);transform:translateY(-10px)}.project-card:hover:after{opacity:1}.project-card>img{object-fit:cover;border-bottom:1px solid var(--border);width:100%;height:200px;transition:var(--transition-slow);filter:saturate(.9)brightness(.9);display:block}.project-card:hover>img{filter:saturate(1.1)brightness();transform:scale(1.05)}.project-card{overflow:hidden}.project-card h3,.project-card p,.project-card .skills,.project-card .btns{z-index:1;padding:0 22px;position:relative}.project-card h3{font-family:var(--font-main);color:var(--text-primary);letter-spacing:-.2px;margin:0;padding-top:20px;padding-bottom:8px;font-size:1.1rem;font-weight:600}.project-card p{color:var(--text-secondary);margin-bottom:14px;padding-bottom:0;font-size:.875rem;line-height:1.7}.project-card .skills{flex-wrap:wrap;gap:8px;margin-bottom:18px;display:flex}.project-card .skills a{font-family:var(--font-mono);letter-spacing:.05em;color:var(--cyan);border:1px solid var(--border);transition:var(--transition);background:#00d4ff0f;border-radius:20px;padding:4px 12px;font-size:10px;text-decoration:none;display:inline-block}.project-card .skills a:hover{border-color:var(--border-strong);background:#00d4ff26}.project-card .btns{gap:10px;margin-bottom:22px;display:flex}.project-card .btn{font-family:var(--font-main);color:var(--text-primary);background:var(--grad-primary);transition:var(--transition);letter-spacing:.03em;border:none;border-radius:25px;padding:8px 16px;font-size:12px;font-weight:600;text-decoration:none}.project-card .btn:hover{box-shadow:var(--glow-cyan);transform:translateY(-2px)}.services{padding:var(--section-padding);color:var(--text-primary);z-index:1;flex-direction:column;justify-content:center;align-items:center;max-width:1400px;margin:0 auto;display:flex;position:relative}.services p:not(.exp-desc):not(.info-pro p):not(.sub-title){font-family:var(--font-mono);letter-spacing:.25em;text-transform:uppercase;color:var(--cyan);align-items:center;gap:12px;padding-bottom:0;font-size:12px;display:flex}.services-content{width:100%;max-width:1200px;margin:0 auto}.services-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;gap:24px;display:grid}.service-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);transition:var(--transition);box-shadow:var(--shadow-card);text-align:left;padding:36px 30px;position:relative;overflow:hidden}.service-card:before{content:"";background:var(--grad-primary);height:2px;transition:var(--transition);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.service-card:after{content:"";pointer-events:none;width:200px;height:200px;transition:var(--transition-slow);background:radial-gradient(circle,#00d4ff0f,#0000 70%);border-radius:50%;position:absolute;top:-80px;right:-80px}.service-card:hover{border-color:var(--border-strong);background:var(--bg-card-hover);box-shadow:var(--shadow-card), var(--glow-cyan);transform:translateY(-8px)}.service-card:hover:before{transform:scaleX(1)}.service-card:hover:after{opacity:.5;width:300px;height:300px}.service-icon{border:1px solid var(--border-strong);width:60px;height:60px;color:var(--cyan);transition:var(--transition);background:#00d4ff14;border-radius:16px;justify-content:center;align-items:center;margin-bottom:22px;font-size:1.6rem;display:flex;box-shadow:0 0 20px #00d4ff1a}.service-card:hover .service-icon{box-shadow:var(--glow-cyan);background:#00d4ff26;transform:scale(1.05)}.service-card h3{font-family:var(--font-main);color:var(--text-primary);letter-spacing:-.2px;margin-bottom:12px;font-size:1.15rem;font-weight:600}.service-card p{color:var(--text-secondary)!important;letter-spacing:0!important;text-transform:none!important;font-size:14px!important;line-height:1.7!important;font-family:var(--font-body)!important;flex-direction:unset!important;margin-bottom:20px!important;padding-bottom:0!important;display:block!important}.service-features{flex-wrap:wrap;justify-content:flex-start;gap:8px;display:flex}.service-features span{color:var(--cyan);font-family:var(--font-mono);border:1px solid var(--border);letter-spacing:.02em;transition:var(--transition);background:#00d4ff12;border-radius:20px;padding:4px 12px;font-size:11px}.service-features span:hover{border-color:var(--border-strong);background:#00d4ff26}.section-title{font-family:var(--font-main);letter-spacing:-1px;color:var(--text-primary);margin-bottom:0;font-size:42px;font-weight:700}#contact{width:100%;padding:var(--section-padding);z-index:1;justify-content:center;align-items:center;display:flex;position:relative}#contact .container{width:100%;max-width:1200px}#contact h2.section-title{margin-bottom:50px;font-size:42px;position:relative}#contact h2.section-title:after{content:"";background:var(--grad-primary);border-radius:3px;width:60px;height:3px;position:absolute;bottom:-12px;left:0}.contact-content{grid-template-columns:1fr 1.2fr;align-items:start;gap:60px;display:grid}.contact-info>p{color:var(--text-secondary);max-width:400px;margin-bottom:36px;font-size:15px;line-height:1.8}.contact-details{margin-bottom:36px}.contact-item{background:var(--bg-card);border:1px solid var(--border);color:var(--text-secondary);transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:12px;align-items:center;gap:16px;margin-bottom:12px;padding:14px 18px;font-size:14px;display:flex}.contact-item:hover{border-color:var(--border-strong);color:var(--text-primary);transform:translate(4px)}.contact-item svg{color:var(--cyan);filter:drop-shadow(0 0 6px #00d4ff80);flex-shrink:0}.social-links{gap:14px;display:flex}.social-link{background:var(--bg-card);border:1px solid var(--border);width:48px;height:48px;color:var(--text-secondary);transition:var(--transition);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:14px;justify-content:center;align-items:center;text-decoration:none;display:flex}.social-link:hover{border-color:var(--border-strong);color:var(--cyan);box-shadow:var(--glow-cyan);background:#00d4ff1a;transform:translateY(-4px)}.contact-form{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--card-radius);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-card);padding:40px;position:relative;overflow:hidden}.contact-form:before{content:"";background:var(--grad-primary);height:2px;position:absolute;top:0;left:0;right:0}.form-group{margin-bottom:20px}.form-group input,.form-group textarea{border:1px solid var(--border);width:100%;color:var(--text-primary);font-family:var(--font-body);transition:var(--transition);background:#060a14cc;border-radius:10px;outline:none;padding:14px 18px;font-size:14px}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--text-muted)}.form-group input:focus,.form-group textarea:focus{border-color:var(--cyan);background:#00d4ff08;box-shadow:0 0 0 3px #00d4ff1a}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn,#contact-form button[type=submit]{background:var(--grad-primary);border-radius:var(--btn-radius);color:#fff;width:100%;font-family:var(--font-main);cursor:pointer;transition:var(--transition);letter-spacing:.02em;text-align:center;border:none;justify-content:center;align-items:center;padding:14px 28px;font-size:14px;font-weight:600;display:flex;position:relative;overflow:hidden}.contact-form .btn:hover,#contact-form button[type=submit]:hover{box-shadow:var(--glow-cyan);transform:translateY(-3px)}.glow-genz-button{color:#fff}@media (width<=1200px){:root{--section-padding:100px 40px}.home img{width:300px;height:370px}.info-home h1{font-size:48px}.home-container{gap:50px}}@media (width<=900px){:root{--section-padding:80px 24px}.card{padding:30px 24px}.content{flex-direction:column;gap:36px}.left h1{font-size:36px}.ul-list{gap:0;padding:6px 8px}.ul-list li{padding:7px 10px}.ul-list li a{font-size:11px}.ul-list li i{display:none}.home{padding-top:140px}.home-container{grid-template-columns:1fr;gap:40px}.home img{order:-1;width:100%;height:280px}.info-home h1{font-size:42px}.info-home h3{font-size:18px}.about-info2{grid-template-columns:1fr;gap:40px}.photo-container{display:none}.experience-container,.projects-container,.services-grid{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr;gap:40px}.experience h1,.project h1,.services h1,.section-title{font-size:30px!important}.info-p2{flex-direction:column;gap:8px}.btnn{flex-direction:column}.btn-home1,.btn-home2{justify-content:center;width:100%}}@media (width<=600px){.ul-list{gap:0;padding:6px}.ul-list li a{font-size:10px}.info-home h1{font-size:32px}.home-p{font-size:11px}.contact-form{padding:24px}}.reveal{opacity:1}