:root{--primary: #3b82f6;--primary-dark: #2563eb;--accent: #60a5fa;--bg-main: #020617;--bg-card: rgba(15, 23, 42, .6);--bg-card-hover: rgba(30, 41, 59, .7);--text-main: #ffffff;--text-muted: #cbd5e1;--border-color: rgba(148, 163, 184, .15);--border-hover: rgba(59, 130, 246, .5);--font-sans: "Inter", system-ui, -apple-system, sans-serif;--container-width: 1200px;--header-height: 80px;--radius: 0px;--shadow-soft: 0 4px 20px rgba(59, 130, 246, .1);--shadow-card: 0 0 30px rgba(59, 130, 246, .15);--glow-text: 0 0 10px rgba(59, 130, 246, .5)}*{margin:0;padding:0;box-sizing:border-box}html{overflow-y:scroll;scrollbar-gutter:stable;scroll-behavior:smooth}body{font-family:var(--font-sans);color:var(--text-main);line-height:1.6;background-color:var(--bg-main);overflow-x:hidden;position:relative;min-height:100vh}#three-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 50% 50%,#0f172a,#020617);pointer-events:none}.container{max-width:var(--container-width);margin:0 auto;padding:0 24px;position:relative;z-index:1}img{max-width:100%;display:block}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}.navbar{height:var(--header-height);position:fixed;top:0;left:0;right:0;background:#020617cc;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);z-index:1000;border-bottom:1px solid var(--border-color);transition:all .3s ease;width:100%}.navbar-container{height:100%;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center;gap:12px;font-weight:800;font-size:1.5rem;color:var(--text-main);letter-spacing:.1em;text-transform:uppercase;flex-shrink:0;transform:translateZ(0);-webkit-font-smoothing:antialiased;backface-visibility:hidden}.logo img{height:40px;width:auto;border-radius:0;display:block}.nav-links{display:flex;align-items:center;gap:32px}.nav-link{font-weight:500;color:var(--text-muted);font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;transition:all .3s ease;position:relative;white-space:nowrap}.nav-link:hover,.nav-link.active{color:var(--primary);text-shadow:var(--glow-text)}.nav-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:var(--primary);transition:width .3s ease}.nav-link:hover:after,.nav-link.active:after{width:100%}.menu-toggle{display:none;background:none;border:none;cursor:pointer;color:var(--text-main);padding:8px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 28px;border-radius:0;font-weight:600;cursor:pointer;transition:all .3s ease;border:1px solid transparent;font-size:.85rem;text-transform:uppercase;letter-spacing:.05em;gap:8px;position:relative;overflow:hidden}.btn-primary{background:transparent;border:1px solid var(--primary);color:var(--primary);box-shadow:0 0 15px #3b82f633}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(59,130,246,.2),transparent);transition:.5s}.btn-primary:hover:before{left:100%}.btn-primary:hover{background:var(--primary);color:#fff;box-shadow:0 0 30px #3b82f699}.btn-outline{background:transparent;border-color:var(--border-color);color:var(--text-muted)}.btn-outline:hover{border-color:var(--text-main);color:var(--text-main);background:#ffffff0d}.btn-block{width:100%}.hero{padding-top:calc(var(--header-height) + 80px);padding-bottom:80px;min-height:80vh;display:flex;align-items:center}.hero-container{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}.badge{display:inline-block;padding:6px 12px;background:#3b82f61a;color:var(--primary);border:1px solid var(--primary);font-size:.75rem;font-weight:600;margin-bottom:24px;letter-spacing:.1em;text-transform:uppercase}.hero h1{font-size:4rem;line-height:1.1;font-weight:700;margin-bottom:24px;letter-spacing:-.02em;color:var(--text-main)}.text-gradient{color:var(--primary);text-shadow:0 0 20px rgba(59,130,246,.5)}.hero p{font-size:1.2rem;color:var(--text-muted);margin-bottom:40px;max-width:540px;border-left:2px solid var(--primary);padding-left:20px}.hero-actions{display:flex;gap:16px;margin-bottom:48px}.hero-highlights{display:flex;gap:32px;border-top:1px solid var(--border-color);padding-top:32px}.hero-highlight-item{display:flex;gap:12px;align-items:center}.h-icon{color:var(--primary);background:#3b82f61a;padding:10px;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.hero-highlight-item strong{display:block;font-size:.95rem;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em}.hero-highlight-item span{font-size:.8rem;color:var(--text-muted)}.hero-image-wrapper{display:none}.section{padding:100px 0}.section-header{text-align:center;max-width:650px;margin:0 auto 60px}.section-header h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;text-transform:uppercase;letter-spacing:.05em}.services-grid,.team-grid,.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.service-card,.team-card,.portfolio-item{background:var(--bg-card);border:1px solid var(--border-color);transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.service-card:after,.team-card:after,.portfolio-item:after{content:"";position:absolute;top:0;right:0;width:20px;height:20px;border-top:2px solid var(--primary);border-right:2px solid var(--primary);opacity:0;transition:opacity .3s ease}.service-card:hover:after,.team-card:hover:after,.portfolio-item:hover:after{opacity:1}.service-card:hover,.team-card:hover,.portfolio-item:hover{transform:translateY(-5px);background:var(--bg-card-hover);border-color:var(--primary);box-shadow:var(--shadow-card)}.card-content{padding:32px}.card-icon{width:48px;height:48px;background:#3b82f61a;color:var(--primary);display:flex;align-items:center;justify-content:center;margin-bottom:20px;clip-path:polygon(20% 0,100% 0,100% 80%,80% 100%,0 100%,0 20%)}.service-card h3,.team-card h3,.portfolio-item h3{font-size:1.25rem;margin-bottom:12px;color:var(--text-main);text-transform:uppercase;letter-spacing:.05em}.service-card p,.team-card p,.portfolio-item p{color:var(--text-muted);margin-bottom:24px;font-size:.95rem}.service-list li{margin-bottom:8px;color:var(--text-muted);font-size:.9rem;display:flex;align-items:center;gap:8px}.service-list li:before{content:">";color:var(--primary);font-weight:700}.service-link,.portfolio-link{display:inline-flex;align-items:center;gap:6px;font-weight:600;color:var(--primary);font-size:.85rem;text-transform:uppercase;letter-spacing:.1em}.service-link:hover,.portfolio-link:hover{gap:10px;text-shadow:var(--glow-text)}.team-image{height:300px;width:100%;object-fit:cover;border-bottom:1px solid var(--border-color);filter:grayscale(100%) contrast(1.2);transition:filter .3s ease}.team-card:hover .team-image{filter:grayscale(0%) contrast(1)}.team-role{display:block;font-size:.75rem;color:var(--primary);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}.portfolio-image{height:220px;overflow:hidden;border-bottom:1px solid var(--border-color)}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.portfolio-item:hover .portfolio-image img{transform:scale(1.05)}.portfolio-category{display:inline-block;font-size:.7rem;padding:4px 8px;border:1px solid var(--border-color);color:var(--text-muted);margin-bottom:12px;text-transform:uppercase;letter-spacing:.05em}.contact-cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:32px;max-width:1100px;margin:0 auto}.contact-card{background:#111827;border:1px solid rgba(255,255,255,.05);border-radius:20px;padding:60px 30px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .3s ease;min-height:400px}.contact-card.highlight{border:1px solid var(--primary);background:#111827cc;box-shadow:0 0 30px #3b82f61a}.contact-card-icon{width:64px;height:64px;background:#ffffff0d;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--primary);margin-bottom:24px}.contact-card-icon.filled{background:var(--primary);color:#fff;box-shadow:0 10px 20px #3b82f64d}.contact-card-icon i{width:28px;height:28px}.contact-card h3{font-size:1.5rem;font-weight:700;margin-bottom:16px;color:#fff}.contact-card p{color:var(--text-muted);font-size:1rem;margin-bottom:32px;line-height:1.6}.contact-action-link{color:var(--primary);font-weight:600;display:inline-flex;align-items:center;gap:8px;font-size:.95rem;margin-top:auto;transition:gap .3s ease}.contact-action-link:hover{gap:12px;text-decoration:none}.contact-form-wrapper{max-width:800px;margin:0 auto;background:var(--bg-card);border:1px solid var(--border-color);padding:48px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative}.contact-form-wrapper:after{content:"";position:absolute;top:0;right:0;width:30px;height:30px;border-top:2px solid var(--primary);border-right:2px solid var(--primary)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.form-group{margin-bottom:24px}.form-group label{display:block;margin-bottom:8px;color:var(--text-muted);font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.form-group input,.form-group textarea{width:100%;padding:14px 16px;background:#ffffff08;border:1px solid var(--border-color);color:var(--text-main);font-family:var(--font-sans);font-size:1rem;transition:all .3s ease;border-radius:0}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);background:#3b82f60d;box-shadow:0 0 15px #3b82f61a}.form-group textarea{resize:vertical;min-height:120px}@media(max-width:768px){.form-grid{grid-template-columns:1fr;gap:0}.contact-form-wrapper{padding:24px}}.profile-hero{display:flex;align-items:center;gap:48px;padding-bottom:60px;border-bottom:1px solid var(--border-color);margin-bottom:60px}.profile-hero img{width:240px;height:240px;object-fit:cover;border:2px solid var(--primary);box-shadow:0 0 30px #3b82f64d;clip-path:polygon(10% 0,100% 0,100% 90%,90% 100%,0 100%,0 10%)}.role{display:inline-block;color:var(--primary);font-weight:600;margin-bottom:8px;text-transform:uppercase;letter-spacing:.1em}.profile-info h1{font-size:3rem;margin-bottom:16px;text-transform:uppercase}.profile-highlights{display:flex;gap:16px;margin:24px 0;flex-wrap:wrap}.highlight-item{display:flex;align-items:center;gap:8px;background:#ffffff08;padding:8px 16px;border:1px solid var(--border-color);font-size:.85rem;color:var(--text-muted);text-transform:uppercase}.highlight-item i{width:16px;height:16px;color:var(--primary)}.profile-actions{display:flex;gap:12px;margin-top:32px}.resume-section{margin-bottom:60px}.resume-section h2{font-size:1.5rem;margin-bottom:32px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.05em;color:var(--text-main)}.skill-bars{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.skill-info{display:flex;justify-content:space-between;margin-bottom:8px;font-weight:500;color:var(--text-muted);font-size:.9rem}.progress-bar{height:4px;background:#ffffff1a;overflow:hidden}.progress{height:100%;background:var(--primary);width:0;transition:width 1s ease-out;box-shadow:0 0 10px var(--primary)}.timeline{border-left:1px solid var(--border-color);padding-left:32px}.timeline-item{position:relative;padding-bottom:48px}.timeline-item:before{content:"";position:absolute;left:-36px;top:6px;width:8px;height:8px;background:var(--bg-main);border:2px solid var(--primary);box-shadow:0 0 10px var(--primary)}.timeline-date{display:block;font-size:.8rem;color:var(--primary);margin-bottom:4px;text-transform:uppercase;letter-spacing:.1em}.timeline-item h3{font-size:1.25rem;margin-bottom:4px;color:var(--text-main)}.company{color:var(--text-muted);font-weight:500;margin-bottom:16px}.impact-highlight{background:#3b82f60d;border-left:2px solid var(--primary);padding:12px 16px;margin-bottom:16px;display:flex;gap:12px;align-items:flex-start}.impact-highlight i{color:var(--primary);min-width:20px}.job-details{list-style:none;color:var(--text-muted);margin-bottom:16px}.job-details li{margin-bottom:8px;position:relative;padding-left:16px}.job-details li:before{content:"";position:absolute;left:0;top:8px;width:4px;height:4px;background:var(--primary)}.tech-tags{display:flex;flex-wrap:wrap;gap:8px}.tech-tags span{font-size:.7rem;background:#ffffff0d;padding:4px 10px;border:1px solid var(--border-color);color:var(--text-muted);text-transform:uppercase}.partners{padding:40px 0;border-top:1px solid var(--border-color);border-bottom:1px solid var(--border-color);background:#0003}.partners-title{text-align:center;font-size:.8rem;color:var(--text-muted);margin-bottom:24px;text-transform:uppercase;letter-spacing:.2em}.partners-grid{display:flex;justify-content:center;gap:48px;flex-wrap:wrap;opacity:.5}.footer{background:#020617;border-top:1px solid var(--border-color);padding:60px 0 20px}.footer-top{display:grid;grid-template-columns:repeat(2,1fr);gap:40px;margin-bottom:40px}.footer-brand p{color:var(--text-muted);margin-top:16px;max-width:300px}.footer-links h4{color:var(--text-main);margin-bottom:20px;font-size:1rem;text-transform:uppercase;letter-spacing:.1em}.footer-links a{display:block;color:var(--text-muted);margin-bottom:12px;transition:color .2s;font-size:.9rem}.footer-links a:hover{color:var(--primary);padding-left:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding-top:20px;text-align:center;color:var(--text-muted);font-size:.8rem}@media(max-width:992px){.hero h1{font-size:3rem}.hero-container{grid-template-columns:1fr;text-align:center}.hero p{margin:0 auto 40px;border:none;padding:0}.hero-actions{justify-content:center}.profile-hero{flex-direction:column;text-align:center}}@media(max-width:768px){.menu-toggle{display:block}.nav-links{position:fixed;top:var(--header-height);left:0;width:100%;background:#020617fa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);flex-direction:column;padding:24px;gap:24px;border-bottom:1px solid var(--border-color);transform:translateY(-150%);transition:transform .4s cubic-bezier(.16,1,.3,1);z-index:999}.nav-links.active{transform:translateY(0);box-shadow:0 10px 30px #00000080}.nav-link{font-size:1.1rem;width:100%;text-align:center;padding:12px;border-radius:4px}.nav-link:hover{background:#ffffff0d}.nav-link:after{display:none}.hero-highlights{justify-content:center;flex-wrap:wrap}}@media(max-width:640px){.footer-top{grid-template-columns:1fr;gap:32px}}.reveal{opacity:0;transform:translateY(30px);transition:all .8s cubic-bezier(.5,0,0,1)}.reveal.active{opacity:1;transform:translateY(0)}.delay-100{transition-delay:.1s}.delay-200{transition-delay:.2s}.delay-300{transition-delay:.3s}