@import url("https://fonts.googleapis.com/css2?family=Rajdhani:wght@400;500;600;700&display=swap");
:root{--bg-primary:#03060a;--bg-secondary:#070c14;--text-primary:#e0fbfc;--text-secondary:#7499a1;--accent-cyan:#00ffff;--accent-cyan-dim:rgba(0, 255, 255, 0.2);--accent-orange:#ff6b00;--accent-orange-dim:rgba(255, 107, 0, 0.2);--glass-bg:rgba(3, 10, 15, 0.7);--glass-border:rgba(0, 255, 255, 0.3);--glass-shadow:0 0 20px rgba(0, 255, 255, 0.1) inset, 0 4px 20px rgba(0, 0, 0, 0.5);--font-primary:'Rajdhani', sans-serif;--font-display:'Rajdhani', sans-serif;--text-xs:0.75rem;--text-sm:0.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--text-6xl:3.75rem;--text-7xl:4.5rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-24:6rem;--spacing-32:8rem;--container-width:1280px;--container-padding:var(--spacing-6);--transition-fast:0.2s cubic-bezier(0.4, 0, 0.2, 1);--transition-normal:0.4s cubic-bezier(0.4, 0, 0.2, 1);--transition-slow:0.8s cubic-bezier(0.22, 1, 0.36, 1);}
*, *::before, *::after{box-sizing:border-box;margin:0;padding:0;}
html{font-size:16px;scroll-behavior:smooth;}
body {
font-family: var(--font-primary);
background-color: var(--bg-primary);
color: var(--text-primary);
line-height: 1.6;
overflow-x: hidden;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
cursor: none;
} a{color:inherit;text-decoration:none;cursor:none;}
button{cursor:none;font-family:inherit;}
img, svg{display:block;max-width:100%;}
h1, h2, h3, h4, h5, h6{font-family:var(--font-display);font-weight:700;line-height:1.1;margin-bottom:var(--spacing-4);text-transform:uppercase;letter-spacing:2px;}
.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 var(--container-padding);}
.text-center{text-align:center;}
.cursor-dot, .cursor-outline{position:fixed;top:0;left:0;transform:translate(-50%, -50%);z-index:9999;pointer-events:none;}
.cursor-dot{width:6px;height:6px;background-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan);border-radius:50%;}
.cursor-outline{width:30px;height:30px;border:1px solid var(--accent-cyan);border-radius:50%;box-shadow:0 0 10px var(--accent-cyan-dim) inset;transition:width 0.2s, height 0.2s, background-color 0.2s;}
.cursor-outline.hovering{width:50px;height:50px;background-color:var(--accent-cyan-dim);border-color:var(--accent-cyan);backdrop-filter:blur(0px);}
.background-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;overflow:hidden;background:radial-gradient(circle at center, var(--bg-secondary) 0%, var(--bg-primary) 100%);}
.grid-perspective{position:absolute;top:50%;left:0;width:100%;height:100%;perspective:1000px;transform-style:preserve-3d;}
.grid-overlay{position:absolute;top:0;left:-50%;width:200%;height:200%;background-image:linear-gradient(to right, rgba(0, 255, 255, 0.15) 1px, transparent 1px), linear-gradient(to bottom, rgba(0, 255, 255, 0.15) 1px, transparent 1px);background-size:100px 100px;transform:rotateX(75deg) translateY(-50%) translateZ(0px);transform-origin:top center;mask-image:linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);-webkit-mask-image:linear-gradient(to bottom, transparent 0%, black 20%, black 80%, transparent 100%);}
.glow-orb{position:absolute;border-radius:50%;filter:blur(150px);opacity:0.15;}
.orb-1{width:800px;height:800px;background:var(--accent-cyan);top:-400px;left:50%;transform:translateX(-50%);}
.header{position:fixed;top:0;left:0;width:100%;z-index:100;padding:var(--spacing-4) 0;transition:all var(--transition-normal);border-bottom:1px solid transparent;}
.header.scrolled{padding:var(--spacing-2) 0;background:rgba(3, 6, 10, 0.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--accent-cyan-dim);box-shadow:0 4px 30px rgba(0, 255, 255, 0.1);}
.header__inner{display:flex;justify-content:space-between;align-items:center;}
.nav{display:none;}
@media (min-width: 768px) {
.nav{display:flex;gap:var(--spacing-8);}
}
.nav__link{font-size:var(--text-base);font-weight:600;text-transform:uppercase;letter-spacing:1px;color:var(--text-secondary);transition:color var(--transition-fast), text-shadow var(--transition-fast);position:relative;}
.nav__link:hover{color:var(--accent-cyan);text-shadow:0 0 10px var(--accent-cyan);}
.header__actions{display:flex;align-items:center;gap:var(--spacing-6);}
.lang-switcher{font-size:var(--text-sm);font-weight:700;display:flex;align-items:center;gap:var(--spacing-2);}
.lang-switcher a{color:var(--text-secondary);transition:color var(--transition-fast), text-shadow var(--transition-fast);}
.lang-switcher a.active, .lang-switcher a:hover{color:var(--accent-cyan);text-shadow:0 0 8px var(--accent-cyan);}
.lang-switcher .sep{color:var(--glass-border);}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:0.75rem 2rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;font-size:var(--text-sm);transition:all var(--transition-normal);border:1px solid var(--accent-cyan);background:rgba(0, 255, 255, 0.05);color:var(--accent-cyan);clip-path:polygon(15px 0, 100% 0, 100% calc(100% - 15px), calc(100% - 15px) 100%, 0 100%, 0 15px);position:relative;}
.btn:hover{background:var(--accent-cyan-dim);box-shadow:0 0 20px var(--accent-cyan);color:#fff;text-shadow:0 0 5px #fff;}
.btn--primary{background:var(--accent-cyan);color:var(--bg-primary);}
.btn--primary:hover{background:#fff;color:var(--bg-primary);box-shadow:0 0 30px var(--accent-cyan);}
.btn--glow{box-shadow:0 0 15px var(--accent-cyan-dim) inset;}
.glass-panel{background:var(--glass-bg);backdrop-filter:blur(8px);border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);clip-path:polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);position:relative;}
.glass-panel::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:1px solid var(--accent-cyan);clip-path:polygon(30px 0, 100% 0, 100% calc(100% - 30px), calc(100% - 30px) 100%, 0 100%, 0 30px);pointer-events:none;opacity:0.5;}
.hero{min-height:100vh;display:flex;align-items:center;padding-top:var(--spacing-24);}
.hero__content{max-width:800px;}
.hero__title{font-size:clamp(2.2rem, 8vw, var(--text-7xl));margin-bottom:var(--spacing-6);letter-spacing:2px;line-height:1.1;}
.gradient-text{color:var(--accent-cyan);text-shadow:0 0 20px var(--accent-cyan-dim), 0 0 40px var(--accent-cyan-dim);}
.hero__subtitle{font-size:clamp(1.25rem, 3vw, var(--text-xl));color:var(--text-secondary);margin-bottom:var(--spacing-8);max-width:600px;font-weight:500;letter-spacing:1px;}
section{padding:var(--spacing-24) 0;}
.section-header{margin-bottom:var(--spacing-16);text-align:center;}
.section-title{font-size:var(--text-5xl);margin-bottom:var(--spacing-4);color:#fff;text-shadow:0 0 15px rgba(255,255,255,0.3);}
.section-desc{font-size:var(--text-lg);color:var(--accent-cyan);max-width:600px;margin:0 auto;text-transform:uppercase;letter-spacing:2px;}
.services__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);}
@media (min-width: 768px) {
.services__grid{grid-template-columns:repeat(3, 1fr);}
}
.service-card{padding:var(--spacing-8);transition:transform var(--transition-normal);border-color:rgba(0,255,255,0.2);}
.service-card:hover{transform:translateY(-10px);border-color:var(--accent-cyan);box-shadow:0 0 30px var(--accent-cyan-dim) inset, 0 10px 30px rgba(0,0,0,0.8);}
.service-card__icon{width:60px;height:60px;background:var(--accent-cyan-dim);border:1px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;margin-bottom:var(--spacing-6);color:var(--accent-cyan);clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);}
.service-card h3{font-size:var(--text-2xl);color:#fff;}
.service-card p{color:var(--text-secondary);margin-bottom:var(--spacing-6);font-size:var(--text-base);}
.service-card__link{font-size:var(--text-sm);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--accent-cyan);display:inline-flex;align-items:center;transition:all var(--transition-fast);}
.service-card__link:hover{color:#fff;text-shadow:0 0 10px var(--accent-cyan);}
.portfolio__grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-8);margin-bottom:var(--spacing-12);}
@media (min-width: 768px) {
.portfolio__grid{grid-template-columns:repeat(2, 1fr);}
}
.portfolio-item{position:relative;overflow:hidden;clip-path:polygon(40px 0, 100% 0, 100% calc(100% - 40px), calc(100% - 40px) 100%, 0 100%, 0 40px);border:1px solid var(--glass-border);}
.portfolio-item__image-wrapper{aspect-ratio:16/9;overflow:hidden;background:#000;}
.portfolio-item__image{width:100%;height:100%;transition:transform 0.8s cubic-bezier(0.25, 1, 0.5, 1);opacity:0.7;}
.portfolio-item:hover .portfolio-item__image{transform:scale(1.05);opacity:1;}
.portfolio-item__content{position:absolute;bottom:0;left:0;width:100%;padding:var(--spacing-6);background:linear-gradient(to top, rgba(0,0,0,0.9), transparent);}
.portfolio-item__content h3{font-size:var(--text-2xl);margin-bottom:var(--spacing-1);color:var(--accent-cyan);}
.portfolio-item__content p{color:#fff;font-size:var(--text-sm);text-transform:uppercase;letter-spacing:1px;}
.stats__grid{display:grid;grid-template-columns:1fr;padding:var(--spacing-12);gap:var(--spacing-8);text-align:center;}
@media (min-width: 768px) {
.stats__grid{grid-template-columns:repeat(3, 1fr);text-align:left;padding:var(--spacing-12) var(--spacing-16);}
}
.stat-number{font-size:var(--text-6xl);font-weight:800;margin-bottom:var(--spacing-2);color:var(--accent-cyan);text-shadow:0 0 20px var(--accent-cyan-dim);}
.stat-label{font-size:var(--text-lg);color:var(--text-primary);text-transform:uppercase;letter-spacing:2px;}
.footer{margin-top:var(--spacing-16);padding:var(--spacing-16) 0 var(--spacing-8);border-bottom:none;border-left:none;border-right:none;clip-path:none;border-top:2px solid var(--accent-cyan);}
.footer__inner{display:grid;grid-template-columns:1fr;gap:var(--spacing-12);margin-bottom:var(--spacing-16);}
@media (min-width: 768px) {
.footer__inner{grid-template-columns:2fr 1fr 1fr 1fr;}
}
.footer__col h4{font-size:var(--text-lg);margin-bottom:var(--spacing-6);color:var(--text-primary);}
.footer__col a{display:block;color:var(--text-secondary);margin-bottom:var(--spacing-3);transition:color var(--transition-fast);text-transform:uppercase;font-size:var(--text-sm);letter-spacing:1px;}
.footer__col a:hover{color:var(--accent-cyan);}
.footer__desc{color:var(--text-secondary);margin:var(--spacing-4) 0;max-width:300px;}
.social-links{display:flex;gap:var(--spacing-4);}
.social-links a{width:40px;height:40px;border:1px solid var(--accent-cyan);clip-path:polygon(10px 0, 100% 0, 100% calc(100% - 10px), calc(100% - 10px) 100%, 0 100%, 0 10px);background:rgba(0, 255, 255, 0.05);display:flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:600;transition:all var(--transition-fast);color:var(--accent-cyan);}
.social-links a:hover{background:var(--accent-cyan);color:var(--bg-primary);box-shadow:0 0 15px var(--accent-cyan);}
.footer__bottom{text-align:center;padding-top:var(--spacing-8);border-top:1px solid var(--glass-border);color:var(--text-secondary);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:2px;}
.reveal-text, .reveal-up{opacity:0;transform:translateY(30px);}
.contact-grid{display:grid;grid-template-columns:1fr;gap:var(--spacing-12);}
@media (min-width: 768px) {
.contact-grid{grid-template-columns:1fr 1.5fr;}
}
.form-group{margin-bottom:var(--spacing-6);}
.form-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--text-secondary);margin-bottom:var(--spacing-2);text-transform:uppercase;letter-spacing:1px;}
.form-input{width:100%;padding:var(--spacing-4);background:rgba(0, 0, 0, 0.5);border:1px solid var(--glass-border);color:var(--text-primary);font-family:var(--font-primary);font-size:var(--text-base);transition:all var(--transition-fast);border-radius:4px;}
.form-input:focus{outline:none;border-color:var(--accent-cyan);box-shadow:0 0 15px var(--accent-cyan-dim) inset;}
textarea.form-input{resize:vertical;min-height:120px;}
@media (max-width: 767px) {
.desktop-only{display:none !important;}
.mobile-only{display:flex !important;}
.header{background:rgba(3, 6, 10, 0.98);backdrop-filter:blur(15px);border-bottom:1px solid var(--accent-cyan-dim);padding:var(--spacing-3) 0;}
.mobile-menu-btn{width:44px;height:44px;border-radius:50%;background:transparent;border:1px solid var(--accent-cyan);display:flex;align-items:center;justify-content:center;box-shadow:0 0 10px rgba(0, 255, 255, 0.2);z-index:101;position:relative;cursor:none;}
.hamburger{width:18px;height:12px;position:relative;display:flex;flex-direction:column;justify-content:space-between;}
.hamburger span{display:block;width:100%;height:2px;background:var(--accent-cyan);transition:all 0.3s ease;}
.mobile-menu-btn.open .hamburger span:nth-child(1){transform:translateY(5px) rotate(45deg);}
.mobile-menu-btn.open .hamburger span:nth-child(2){opacity:0;}
.mobile-menu-btn.open .hamburger span:nth-child(3){transform:translateY(-5px) rotate(-45deg);}
.nav{position:fixed !important;top:0;right:-100%;width:100vw;height:100vh;background:rgba(3, 6, 10, 0.98);backdrop-filter:blur(20px);display:flex !important;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-8) !important;transition:right 0.4s cubic-bezier(0.4, 0, 0.2, 1);z-index:99;padding:2rem;}
.nav.active{right:0;}
.nav__link{font-size:var(--text-2xl);}
}
@media (min-width: 768px) {
.mobile-only { display: none !important; }
}