:root{--color-bg: #030712;--color-bg-secondary: #111827;--color-card-bg: rgba(31, 41, 55, .7);--color-text: #f3f4f6;--color-text-secondary: #9ca3af;--color-primary: #007bff;--color-primary-glow: rgba(0, 123, 255, .5);--color-accent: #b700ff;--color-accent-glow: rgba(183, 0, 255, .5);--gradient-main: linear-gradient(135deg, #007bff 0%, #b700ff 100%);--gradient-reverse: linear-gradient(135deg, #b700ff 25%, #007bff 100%);--gradient-text: linear-gradient(to right, #007bff, #b700ff);--font-main: "Inter", sans-serif;--font-heading: "Outfit", sans-serif;--font-tech: "Space Mono", monospace;--glass-bg: rgba(17, 24, 39, .7);--glass-border: 1px solid rgba(255, 255, 255, .1);--shadow-lg: 0 10px 30px -10px rgba(0, 0, 0, .5);--shadow-glow: 0 0 20px rgba(56, 189, 248, .15)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--color-bg);color:var(--color-text);line-height:1.7;overflow-x:hidden;-webkit-font-smoothing:antialiased;background-image:radial-gradient(circle at 15% 50%,rgba(0,123,255,.08) 0%,transparent 25%),radial-gradient(circle at 85% 30%,rgba(183,0,255,.08) 0%,transparent 25%);background-attachment:fixed}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);line-height:1.1;color:var(--color-text);margin-bottom:1rem;letter-spacing:-.02em}a{text-decoration:none;color:inherit;transition:all .3s ease}ul{list-style:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 2rem;text-align:center}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-bg-secondary);border-radius:5px;border:2px solid var(--color-bg)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-secondary)}.section-title{font-size:3rem;font-family:var(--font-tech);text-align:center;margin-bottom:4rem;background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:800;position:relative;display:inline-block}.section-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:60px;height:4px;background:var(--gradient-main);border-radius:2px}.common-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:var(--glass-border);box-shadow:var(--shadow-lg);padding:2.5rem;border-radius:20px;transition:all .4s ease;position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column}.common-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:var(--gradient-main);transform:scaleX(0);transform-origin:left;transition:transform .4s ease}.common-card:hover{transform:translateY(-10px);box-shadow:0 20px 40px -10px #0006}.common-card:hover:before{transform:scaleX(1)}.common-card-header{display:flex;align-items:center;gap:1.5rem;margin-bottom:1.5rem}.common-card-header.centered{flex-direction:column;text-align:center;gap:1.5rem}.common-icon-wrapper{color:var(--color-primary);background:#007bff1a;width:70px;height:70px;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s ease,color .3s ease;flex-shrink:0}.common-card:hover .common-icon-wrapper{background:var(--gradient-main);color:#fff;box-shadow:var(--shadow-glow)}.common-card-title{font-size:1.5rem;font-weight:700;color:var(--color-text);text-align:left;margin-bottom:0}.common-card-text{color:var(--color-text-secondary);line-height:1.7;font-size:1.1rem;text-align:left;flex-grow:1}.common-card-text.centered{text-align:center}.btn-primary,.btn-secondary,.btn-tertiary{padding:1rem 2rem;border-radius:50px;font-weight:600;font-family:var(--font-heading);transition:all .3s ease;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;text-decoration:none;font-size:1rem}.btn-primary{background:var(--gradient-main);color:#fff;box-shadow:var(--shadow-glow);border:none}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 0 25px #007bff66}.btn-secondary{background:transparent;color:var(--color-text);border:2px solid var(--color-text)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);filter:drop-shadow(0 0 5px var(--color-primary-glow))}.btn-tertiary{background:var(--gradient-reverse);color:#fff;box-shadow:var(--color-accent-glow);border:none}.btn-tertiary:hover{transform:translateY(-2px);box-shadow:0 0 25px #b700ff66}.navbar{position:sticky;top:0;background-color:#030712cc;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:1000;padding:10px 130px}.navbar-container{display:flex;justify-content:space-between;align-items:center}.navbar-logo{font-size:2rem;font-weight:800;font-family:var(--font-tech);color:#fff;letter-spacing:-.02em;cursor:pointer}.navbar-socials{display:flex;gap:4rem}.social-link{font-family:var(--font-tech);color:var(--color-text-secondary);transition:all .3s ease;display:flex;align-items:center;gap:13px;font-size:1.2rem}.social-link:hover{color:var(--color-primary);filter:drop-shadow(0 0 5px var(--color-primary-glow))}@media(max-width:768px){.navbar{padding:1rem 1.5rem}.navbar-socials{gap:1.5rem}.social-link p{display:none}}.hero{min-height:90vh;display:flex;align-items:center;padding-top:80px}.section{padding:6rem 0;position:relative}.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-container{width:100%;display:flex;justify-content:space-between;align-items:center;gap:8rem}.hero-image{flex:1;display:flex;justify-content:center;align-items:center;position:relative;z-index:1}.galaxy-container{width:400px;height:400px;position:relative;display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;perspective:1000px}.galaxy-core{width:120px;height:120px;background:radial-gradient(circle,#fff,var(--color-primary),transparent);border-radius:50%;position:absolute;box-shadow:0 0 60px 20px var(--color-primary-glow),0 0 100px 40px var(--color-accent-glow);animation:galaxy-pulse 3s ease-in-out infinite;z-index:10}.galaxy-ring{position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.1);box-shadow:0 0 20px #007bff33;transform-style:preserve-3d}.ring-1{width:300px;height:300px;border-top:2px solid var(--color-primary);border-right:2px solid transparent;border-bottom:2px solid var(--color-accent);border-left:2px solid transparent;animation:galaxy-spin 10s linear infinite;box-shadow:0 0 30px var(--color-primary-glow)}.ring-2{width:240px;height:240px;border-top:2px solid transparent;border-right:2px solid var(--color-accent);border-bottom:2px solid transparent;border-left:2px solid var(--color-primary);animation:galaxy-spin-reverse 15s linear infinite;box-shadow:0 0 30px var(--color-accent-glow)}.ring-3{width:360px;height:360px;border:1px dashed rgba(255,255,255,.2);animation:galaxy-spin 25s linear infinite}.galaxy-stars{position:absolute;width:100%;height:100%;background-image:radial-gradient(1px 1px at 10% 10%,white 100%,transparent),radial-gradient(1px 1px at 20% 20%,white 100%,transparent),radial-gradient(1px 1px at 30% 30%,white 100%,transparent),radial-gradient(1px 1px at 40% 40%,white 100%,transparent),radial-gradient(1px 1px at 50% 50%,white 100%,transparent),radial-gradient(1px 1px at 60% 60%,white 100%,transparent),radial-gradient(1px 1px at 70% 70%,white 100%,transparent),radial-gradient(1px 1px at 80% 80%,white 100%,transparent),radial-gradient(1px 1px at 90% 90%,white 100%,transparent),radial-gradient(1px 1px at 15% 85%,white 100%,transparent),radial-gradient(1px 1px at 85% 15%,white 100%,transparent),radial-gradient(1px 1px at 25% 75%,white 100%,transparent),radial-gradient(1px 1px at 75% 25%,white 100%,transparent),radial-gradient(2px 2px at 10% 50%,white 100%,transparent),radial-gradient(2px 2px at 50% 10%,white 100%,transparent),radial-gradient(2px 2px at 90% 50%,white 100%,transparent),radial-gradient(2px 2px at 50% 90%,white 100%,transparent),radial-gradient(1px 1px at 5% 95%,white 100%,transparent),radial-gradient(1px 1px at 95% 5%,white 100%,transparent),radial-gradient(1px 1px at 35% 65%,white 100%,transparent),radial-gradient(1px 1px at 65% 35%,white 100%,transparent),radial-gradient(1px 1px at 45% 55%,white 100%,transparent),radial-gradient(1px 1px at 55% 45%,white 100%,transparent),radial-gradient(1px 1px at 22% 88%,white 100%,transparent),radial-gradient(1px 1px at 88% 22%,white 100%,transparent),radial-gradient(1px 1px at 12% 62%,white 100%,transparent),radial-gradient(1px 1px at 62% 12%,white 100%,transparent),radial-gradient(1px 1px at 72% 38%,white 100%,transparent),radial-gradient(1px 1px at 38% 72%,white 100%,transparent);background-size:200% 200%;opacity:.8;animation:star-twinkle 4s infinite alternate;z-index:0}@keyframes galaxy-spin{0%{transform:rotate(0) rotateX(60deg) rotateY(0)}to{transform:rotate(360deg) rotateX(60deg) rotateY(0)}}@keyframes galaxy-spin-reverse{0%{transform:rotate(360deg) rotateX(-60deg) rotateY(0)}to{transform:rotate(0) rotateX(-60deg) rotateY(0)}}@keyframes galaxy-pulse{0%,to{transform:scale(1);opacity:.8}50%{transform:scale(1.1);opacity:1}}@keyframes star-twinkle{0%{opacity:.4}50%{opacity:.8}to{opacity:.4}}@media(max-width:968px){.hero{min-height:auto;padding-top:40px;padding-bottom:4rem}.hero-container{flex-direction:column-reverse;gap:3rem;text-align:center;padding:0 1.5rem}.hero-content{align-items:center;width:100%}.hero-name{font-size:clamp(2.5rem,10vw,4rem)}.hero-role{font-size:clamp(1.2rem,5vw,2rem)}.hero-summary{font-size:1rem;margin-bottom:2rem}.hero-cta{justify-content:center;flex-wrap:wrap;gap:1rem}.galaxy-container{width:280px;height:280px}.ring-1{width:200px;height:200px}.ring-2{width:160px;height:160px}.ring-3{width:240px;height:240px}.galaxy-core{width:70px;height:70px}}.hero-content{max-width:800px;text-align:left}.hero-greeting{color:var(--color-text-secondary);font-size:1.25rem;font-weight:600;margin-bottom:1rem;letter-spacing:.05em;text-transform:uppercase}.hero-name{font-size:clamp(3rem,8vw,6rem);margin-bottom:.5rem;font-weight:800;color:var(--color-text);line-height:1}.hero-role{font-size:clamp(1.5rem,4vw,3rem);color:var(--color-text-secondary);font-weight:700;margin-bottom:1.5rem}.hero-summary{max-width:600px;color:var(--color-text-secondary);font-size:1.2rem;margin-bottom:2.5rem;line-height:1.8}.hero-cta{display:flex;gap:1.5rem}.expertise-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}@media(max-width:480px){.expertise-grid{grid-template-columns:1fr}}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}@media(max-width:768px){.skills-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}}.skills-card{padding:2rem}.skill-tags{display:flex;flex-wrap:wrap;gap:.8rem}.skill-tag{background:#007bff1a;color:var(--color-primary);padding:.6rem 1.2rem;border-radius:8px;font-size:.95rem;font-weight:500;transition:background .3s ease,color .3s ease}.skill-tag:hover{background:var(--gradient-main);color:#fff;cursor:pointer}.projects-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2.5rem}.project-card{flex:1 1 400px;max-width:48%;padding:2rem}@media(max-width:768px){.project-card{max-width:100%;padding:1.5rem}.projects-grid{gap:1.5rem}.project-actions{flex-wrap:wrap}}.project-actions{display:flex;gap:1rem;margin-top:1.5rem}.contact-container{text-align:center}.contact-subtitle{color:var(--color-text-secondary);margin-bottom:4rem;max-width:600px;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6;text-align:center;padding:0 1rem}.contact-grid{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem;margin-bottom:6rem}.footer{border-top:1px solid rgba(255,255,255,.05);padding-top:3rem;color:var(--color-text-secondary);font-size:.95rem;text-align:center}