:root{--bg-color: #0a0a0a;--text-primary: #f0f0f0;--text-secondary: #a0a0a0;--accent-tech: #00ffc8;--accent-art: #ff9e64;--glass-bg: rgba(255, 255, 255, .03);--glass-border: rgba(255, 255, 255, .08);--font-heading: "Cormorant Garamond", serif;--font-body: "Outfit", sans-serif;--transition-slow: .6s cubic-bezier(.22, 1, .36, 1);--transition-fast: .3s ease}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);overflow-x:hidden}body{line-height:1.6}.navbar{position:fixed;top:0;width:100%;padding:1.5rem 5%;display:flex;justify-content:space-between;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0ab3;border-bottom:1px solid var(--glass-border)}.logo{font-family:var(--font-heading);font-size:1.5rem;font-weight:600;letter-spacing:.1em;color:var(--text-primary);text-transform:uppercase}.nav-links{display:flex;gap:2rem;list-style:none}.nav-links a{text-decoration:none;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;transition:color var(--transition-fast)}.nav-links a:hover{color:var(--accent-tech)}.hero-section{height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;text-align:center}.hero-bg-gradient{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background:radial-gradient(circle at 10% 20%,rgba(37,99,235,.15) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(255,158,100,.1) 0%,transparent 40%),linear-gradient(135deg,#0a0a0a,#0f172a);animation:bgPulse 10s ease-in-out infinite alternate}.hero-bg-gradient:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg at 50% 50%,transparent 0%,rgba(37,99,235,.03) 25%,transparent 50%,rgba(255,158,100,.03) 75%,transparent 100%);animation:slowRotate 30s linear infinite;pointer-events:none}@keyframes bgPulse{0%{transform:scale(1)}to{transform:scale(1.1)}}@keyframes slowRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.hero-content{z-index:1;padding:0 2rem;max-width:900px}.hero-title{font-family:var(--font-heading);font-size:4.5rem;font-weight:300;line-height:1.1;margin-bottom:2rem}.hero-title .line{display:block}.hero-subtitle{font-size:1.1rem;color:var(--text-secondary);margin-bottom:3rem;letter-spacing:.1em;text-transform:uppercase}.hero-buttons{display:flex;gap:1.5rem;justify-content:center}.cta-button{display:inline-block;padding:1rem 2.5rem;border:1px solid var(--accent-tech);color:var(--accent-tech);text-decoration:none;text-transform:uppercase;letter-spacing:.1em;font-size:.8rem;transition:all var(--transition-fast);background:transparent;cursor:pointer}.cta-button:hover{background:var(--accent-tech);color:var(--bg-color);box-shadow:0 0 25px #00ffc84d}.cta-button.secondary{border-color:var(--text-secondary);color:var(--text-secondary)}.cta-button.secondary:hover{background:var(--text-secondary);color:var(--bg-color);box-shadow:0 0 25px #a0a0a04d}.reveal-text{opacity:0;transform:translateY(20px);animation:fadeUp 1s cubic-bezier(.2,.8,.2,1) forwards}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.delay-3{animation-delay:.6s}@keyframes fadeUp{to{opacity:1;transform:translateY(0)}}section{padding:8rem 5%}.container{max-width:1200px;margin:0 auto}.section-header{margin-bottom:5rem;text-align:center}.section-header h2{font-family:var(--font-heading);font-size:3rem;font-weight:400;margin-bottom:1rem}.section-subtitle{color:var(--text-secondary);margin-bottom:1rem;font-style:italic}.line-accent{width:60px;height:2px;background:linear-gradient(90deg,var(--accent-tech),var(--accent-art));margin:0 auto}.about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:3rem}.about-card{background:var(--glass-bg);border:1px solid var(--glass-border);padding:3rem;border-radius:2px;transition:transform var(--transition-fast)}.about-card:hover{transform:translateY(-5px);border-color:#fff3}.about-card h3{font-family:var(--font-heading);font-size:2rem;margin-bottom:1.5rem}.tech-card h3{color:var(--accent-tech)}.art-card h3{color:var(--accent-art)}.skill-list{list-style:none;margin-top:2rem;display:flex;flex-wrap:wrap;gap:1rem}.skill-list li{font-size:.8rem;padding:.5rem 1.2rem;border:1px solid var(--glass-border);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;transition:all .2s}.skill-list li:hover{border-color:var(--accent-tech);color:var(--accent-tech)}.work-section{background:#0d0d0d}.project-list{display:flex;flex-direction:column;gap:2rem}.project-item{background:var(--glass-bg);border:1px solid var(--glass-border);padding:2.5rem;display:flex;flex-direction:column;gap:1rem;transition:background var(--transition-fast)}.project-item:hover{background:#ffffff0f}.project-main{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:.5rem}.project-main h4{font-size:1.5rem;font-weight:500;color:var(--text-primary)}.company-name{color:var(--accent-tech);font-family:monospace;font-size:1rem;margin-left:1rem}.date-badge{font-size:.8rem;color:var(--text-secondary);border:1px solid var(--glass-border);padding:.3rem .8rem;border-radius:20px}.role-desc{color:#b0b0b0;font-size:1rem;max-width:800px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.gallery-item{height:350px;position:relative;overflow:hidden;cursor:pointer;border-radius:2px;transition:transform var(--transition-fast)}.gallery-item:hover{transform:scale(.98)}.pattern-1{background-color:#000;background-image:radial-gradient(at 0% 0%,hsla(253,16%,7%,1) 0,transparent 50%),radial-gradient(at 50% 0%,hsla(225,39%,30%,1) 0,transparent 50%),radial-gradient(at 100% 0%,hsla(339,49%,30%,1) 0,transparent 50%)}.pattern-2{background-color:#111;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:20px 20px}.pattern-3{background:linear-gradient(45deg,#1a2a6c,#b21f1f,#fdbb2d);filter:saturate(.6) brightness(.7)}.pattern-4{background:repeating-linear-gradient(45deg,#111,#111 10px,#1a1a1a 10px 20px)}.overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#0006;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-slow);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.gallery-item:hover .overlay{opacity:1}.overlay span{font-family:var(--font-heading);font-style:italic;font-size:1.8rem;transform:translateY(15px);transition:transform var(--transition-slow);color:#fff}.gallery-item:hover .overlay span{transform:translateY(0)}.contact-section{text-align:center}.contact-btn{display:inline-block;padding:1rem 4rem;background:var(--text-primary);color:var(--bg-color);text-decoration:none;font-weight:600;letter-spacing:.05em;transition:transform var(--transition-fast)}.contact-btn:hover{transform:scale(1.05)}@media(max-width:768px){.hero-title{font-size:3rem}.nav-links{display:none}.project-main{flex-direction:column;align-items:flex-start;gap:.2rem}.company-name{margin-left:0}}