*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--secondary: #14b8a6;--dark: #0f172a;--light: #f8fafc;--gray: #64748b;--gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:var(--dark);color:var(--light);overflow-x:hidden;line-height:1.6}.bg-animation{position:fixed;width:100%;height:100%;top:0;left:0;z-index:0;opacity:.1;background:radial-gradient(circle at 20% 50%,var(--primary) 0%,transparent 50%),radial-gradient(circle at 80% 80%,var(--secondary) 0%,transparent 50%)}@keyframes bgShift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(-20px,-20px) scale(1.1)}66%{transform:translate(20px,-10px) scale(.9)}}nav{position:fixed;top:0;width:100%;padding:1.5rem 5%;background:#0f172acc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease}nav.scrolled{padding:1rem 5%;background:#0f172af2}.nav-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo{font-size:1.5rem;font-weight:700;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{filter:brightness(1)}50%{filter:brightness(1.2)}}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{color:var(--light);text-decoration:none;transition:color .3s ease;position:relative}.nav-links a:hover{color:var(--primary)}.nav-links a:after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-links a:hover:after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;padding:0 5%}.hero-content{text-align:center;max-width:800px;animation:fadeInUp 1s ease-out}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.hero h1{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;margin-bottom:1.5rem;line-height:1.1}.hero h1 span{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero p{font-size:1.25rem;color:var(--gray);margin-bottom:2.5rem;max-width:600px;margin-left:auto;margin-right:auto}.cta-button{display:inline-block;padding:1rem 2.5rem;background:var(--primary);color:#fff;text-decoration:none;border-radius:50px;font-weight:600;transition:all .3s ease;position:relative;overflow:hidden}.cta-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.cta-button:hover:before{left:100%}.cta-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.projects{padding:5rem 5%;position:relative;z-index:1}.container{max-width:1200px;margin:0 auto}.section-header{text-align:center;margin-bottom:4rem}.section-header h2{font-size:clamp(2rem,6vw,3rem);font-weight:700;margin-bottom:1rem}.section-header p{color:var(--gray);font-size:1.1rem}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin-bottom:5rem;max-width:900px;margin-left:auto;margin-right:auto}.project-card{background:#1e293b80;border:1px solid rgba(99,102,241,.2);border-radius:20px;padding:2.5rem;transition:all .4s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:400px}.project-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top left,rgba(99,102,241,.1),transparent);opacity:0;transition:opacity .4s ease;pointer-events:none}.project-card:hover:before{opacity:1}.project-card:hover{transform:translateY(-10px);border-color:var(--primary);box-shadow:0 20px 40px #0000004d}.project-icon{width:60px;height:60px;border-radius:15px;margin-bottom:1.5rem;animation:float 3s ease-in-out infinite;object-fit:contain}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.project-card:nth-child(2) .project-icon{animation-delay:1s}.project-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--light)}.feature-list{list-style:none;margin-bottom:2rem}.feature-list li{color:var(--gray);margin-bottom:.75rem;padding-left:1.5rem;position:relative;line-height:1.7}.feature-list li:before{content:"✓";position:absolute;left:0;color:var(--secondary);font-weight:700}.project-link{color:var(--primary);text-decoration:none;font-weight:600;display:inline-flex;align-items:center;gap:.5rem;transition:gap .3s ease;margin-top:auto;cursor:pointer;position:relative;z-index:10}.project-link:hover{gap:1rem}.project-link-placeholder{color:var(--gray);font-weight:600;margin-top:auto}.coming-soon{position:absolute;top:1.5rem;right:1.5rem;background:#14b8a633;color:var(--secondary);padding:.25rem 1rem;border-radius:50px;font-size:.875rem;font-weight:600}footer{padding:2.5rem 5%;text-align:center;border-top:1px solid rgba(100,116,139,.2);position:relative;z-index:1}footer p{color:var(--gray);font-size:.875rem;margin:0}@media (max-width: 768px){.nav-links{display:none}.projects-grid{grid-template-columns:1fr;max-width:100%}.hero h1{font-size:2.5rem}}.scroll-indicator{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);animation:bounce 2s infinite}@keyframes bounce{0%,20%,50%,80%,to{transform:translate(-50%) translateY(0)}40%{transform:translate(-50%) translateY(-10px)}60%{transform:translate(-50%) translateY(-5px)}}.scroll-indicator svg{width:30px;height:30px;fill:var(--gray)}