@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700;800;900&display=swap";:root{--bg-dark:#010409;--bg-section:#0a0f1d;--accent:#22d3ee;--accent-light:#22d3ee1a;--accent-border:#22d3ee4d;--text-main:#f0f6fc;--text-dim:#8b949e;--btn-gradient:linear-gradient(135deg, #0891b2 0%, #22d3ee 100%)}*{box-sizing:border-box;scroll-behavior:smooth;margin:0;padding:0}body{background-color:var(--bg-dark);color:var(--text-main);font-family:Inter,sans-serif;line-height:1.5;overflow-x:hidden}.hero-section{background:radial-gradient(circle at 50% 0,#112240 0%,#010409 70%);justify-content:center;align-items:center;width:100%;min-height:100vh;padding:80px 20px;display:flex}.hero-content{text-align:center;width:100%;max-width:1000px}.hero-badge{background:var(--accent-light);border:1px solid var(--accent-border);color:var(--accent);letter-spacing:2px;text-transform:uppercase;border-radius:100px;margin-bottom:30px;padding:8px 20px;font-size:.8rem;font-weight:700;animation:3s ease-in-out infinite floatBadge;display:inline-block;position:relative;overflow:hidden}.hero-badge:before{content:"";background:linear-gradient(120deg,#0000,#ffffff4d,#0000);width:100%;height:100%;animation:4s infinite shimmerEffect;position:absolute;top:0;left:-100%}.profile-container{border:4px solid var(--accent);border-radius:90px;width:180px;height:230px;margin:0 auto 35px;position:relative;overflow:hidden;box-shadow:0 0 35px #22d3ee40}.profile-container:after{content:"";background:linear-gradient(110deg,#0000 20%,#ffffff80 50%,#0000 80%);width:100%;height:100%;animation:4.2s linear infinite shimmerEffect;position:absolute;top:0;left:-150%}@keyframes shimmerEffect{0%{left:-150%}30%,to{left:150%}}.profile-img{object-fit:cover;width:100%;height:100%}.float-logo{border:1px solid var(--accent-border);z-index:5;background:#010409;border-radius:50%;width:45px;padding:5px;position:absolute;bottom:12px;right:12px}.gradient-text{background:linear-gradient(180deg, #fff 40%, var(--accent) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:25px;font-size:clamp(2.2rem,7vw,4.2rem);font-weight:900;line-height:1.1}.hero-subtitle{color:var(--text-dim);max-width:750px;margin-bottom:40px;margin-left:auto;margin-right:auto;font-size:clamp(1rem,4vw,1.25rem)}.services-overview,.projects-section{max-width:1200px;margin:0 auto;padding:100px 20px}.section-label{color:var(--accent);text-transform:uppercase;margin-bottom:10px;font-size:.9rem;font-weight:700;display:block}.section-title{margin-bottom:50px;font-size:clamp(1.8rem,5vw,2.8rem);font-weight:800}.services-grid,.projects-grid{grid-template-columns:1fr;gap:25px;display:grid}.service-item,.project-card{text-align:left;background:#0f172a80;border:1px solid #ffffff14;border-radius:28px;flex-direction:column;justify-content:space-between;padding:40px 30px;transition:all .4s;display:flex}.service-icon,.project-icon{margin-bottom:20px;font-size:2.5rem}.service-item h3,.project-card h3{color:var(--accent);margin-bottom:15px;font-size:1.5rem}.service-item p,.project-card p{color:var(--text-dim);font-size:1rem;line-height:1.6}.cta-group{flex-direction:column;gap:15px;display:flex}.btn-main,.btn-outline{text-align:center;border-radius:16px;padding:20px 32px;font-weight:800;text-decoration:none;transition:all .3s}.btn-main{background:var(--btn-gradient);color:#010409;box-shadow:0 10px 20px #22d3ee26}.btn-outline{border:1px solid var(--accent-border);color:#fff}@media (width>=768px){.cta-group{flex-direction:row;justify-content:center;gap:20px}.btn-main,.btn-outline{width:auto;min-width:250px}.services-grid{grid-template-columns:repeat(4,1fr)}.projects-grid{grid-template-columns:repeat(3,1fr)}.service-item:hover,.project-card:hover{border-color:var(--accent);background:#22d3ee0d;transform:translateY(-12px);box-shadow:0 20px 40px #0006}.profile-container{border-radius:110px;width:210px;height:270px}}@keyframes floatBadge{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.footer-section{text-align:center;padding:100px 20px}.footer-card h2{background:linear-gradient(90deg, #fff, var(--accent), #fff);-webkit-text-fill-color:transparent;background-size:200%;-webkit-background-clip:text;margin-bottom:30px;font-size:clamp(2rem,6vw,3.5rem);animation:5s linear infinite shineText}@keyframes shineText{to{background-position:200%}}