:root{--color-bg:#000000;--color-bg-secondary:#121212;--color-bg-tertiary:#1a1a1a;--color-text:#e0e0e0;--color-text-secondary:#a0a0a0;--color-accent:#ffd700;--color-accent-dim:#ccaa00;--color-gray-dark:#2a2a2a;--color-gray:#505050;--color-gray-light:#707070;--font-primary:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif;--font-heading:'Courier New',monospace;--space-xs:0.5rem;--space-sm:1rem;--space-md:2rem;--space-lg:4rem;--space-xl:6rem;--transition-fast:0.2s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--glow-accent:0 0 20px rgba(255, 215, 0, 0.3);--shadow-strong:0 10px 40px rgba(0, 0, 0, 0.5)}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,::after,::before{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}}body{font-family:var(--font-primary);background-color:var(--color-bg);color:var(--color-text);line-height:1.6;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{text-decoration:none;color:inherit;transition:color var(--transition-normal)}button{font-family:inherit;cursor:pointer;border:none;background:0 0}.container{max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.section-title{font-family:var(--font-heading);font-size:clamp(2rem, 5vw, 3rem);color:var(--color-accent);margin-bottom:var(--space-lg);text-transform:uppercase;letter-spacing:.1em;position:relative;display:inline-block}.section-title::after{content:'';position:absolute;bottom:-10px;left:0;width:60%;height:2px;background:linear-gradient(90deg,var(--color-accent),transparent)}.nav{position:fixed;top:0;left:0;right:0;z-index:1000;background:rgba(10,10,10,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--color-gray-dark);transition:background var(--transition-normal)}.nav-container{max-width:1200px;margin:0 auto;padding:var(--space-sm) var(--space-md);display:flex;justify-content:space-between;align-items:center}.nav-logo{height:30px;color:var(--color-accent);letter-spacing:.1em}.nav-img{height:30px}.nav-menu{display:flex;list-style:none;gap:var(--space-md)}.nav-link{color:var(--color-text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;position:relative;padding:.5rem 0}.nav-link::after{content:'';position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent);transition:width var(--transition-normal)}.nav-link:hover{color:var(--color-accent)}.nav-link:hover::after{width:100%}.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;padding:var(--space-xl) var(--space-md);overflow:hidden}.hero-container{max-width:1200px;width:100%;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:center;position:relative;z-index:1}.hero-content{padding:var(--space-md)}.hero-title{font-family:var(--font-heading);font-size:clamp(1.2rem, 3vw, 1.5rem);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm)}.hero-name{display:block;font-size:clamp(2.5rem, 5vw, 3rem);color:var(--color-accent);margin-top:var(--space-xs);text-shadow:var(--glow-accent)}.hero-subtitle{font-size:clamp(1rem, 2vw, 1.2rem);color:var(--color-text-secondary);margin:var(--space-md) 0;max-width:500px;line-height:1.8}.hero-cta{display:flex;gap:var(--space-sm);margin-top:var(--space-lg);flex-wrap:wrap}.hero-image{display:flex;justify-content:center;align-items:center}.image-wrapper{position:relative;width:400px;height:400px}.profile-img{width:100%;height:100%;object-fit:cover;border-radius:2px;filter:grayscale(100%) contrast(1.1);position:relative;z-index:2;box-shadow:var(--shadow-strong)}@keyframes pulse{0%,100%{opacity:.15}50%{opacity:.25}}.btn{display:inline-block;padding:.9rem 2rem;font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;border:2px solid transparent;transition:all var(--transition-normal);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,215,0,.1);transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow)}.btn:hover::before{width:300px;height:300px}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.btn-primary{background:var(--color-accent);color:var(--color-bg);border-color:var(--color-accent);box-shadow:0 0 0 0 rgba(255,215,0,.7)}.btn-primary:hover{box-shadow:0 0 20px 5px rgba(255,215,0,.4);transform:translateY(-2px)}.btn-secondary{background:0 0;color:var(--color-accent);border-color:var(--color-accent)}.btn-secondary:hover{background:var(--color-accent);color:var(--color-bg);box-shadow:0 0 20px 5px rgba(255,215,0,.4)}.btn-block{width:100%;text-align:center}.about{padding:var(--space-xl) 0;background:var(--color-bg-secondary)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-lg);align-items:start}.about-text p{color:var(--color-text-secondary);margin-bottom:var(--space-md);line-height:1.8;font-size:1.05rem}.about-info{background:var(--color-bg-tertiary);padding:3rem;border:1px solid var(--color-gray-dark);border-radius:2px}.info-grid{display:grid;gap:1rem;margin-bottom:var(--space-sm)}.info-item{display:flex;flex-direction:column;gap:.3rem;padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-gray-dark)}.info-label{font-size:.85rem;color:var(--color-accent);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.info-value{color:var(--color-text);font-size:1rem}.about-actions{display:flex;gap:var(--space-sm);flex-wrap:wrap}.skills{padding:var(--space-xl) 0;background:var(--color-bg)}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-md);max-width:900px;margin:0 auto}.skill-item{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);padding:var(--space-md);background:var(--color-bg-secondary);border:1px solid var(--color-gray-dark);border-radius:2px;transition:border-color var(--transition-normal)}.skill-icon{width:48px;height:48px;color:var(--color-gray-light);transition:none}.skill-name{font-size:.9rem;color:var(--color-text-secondary);text-align:center;font-weight:500}.projects{padding:var(--space-xl) 0;background:var(--color-bg-secondary)}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:var(--space-lg)}.project-card{background:var(--color-bg-tertiary);border:1px solid var(--color-gray-dark);border-radius:2px;overflow:hidden;transition:all var(--transition-normal);position:relative}.project-card::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;border:2px solid transparent;border-radius:2px;transition:all var(--transition-slow);pointer-events:none;z-index:10}.project-card:hover::before{border-color:var(--color-accent);box-shadow:0 0 20px rgba(255,215,0,.3),inset 0 0 20px rgba(255,215,0,.1)}.project-card:hover{transform:translateY(-5px)}.project-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.project-image-wrapper{position:relative;overflow:hidden;height:220px;background:var(--color-gray-dark)}.project-image{width:100%;height:100%;object-fit:contain;filter:grayscale(100%) brightness(.7);transition:all var(--transition-slow)}.project-card:hover .project-image{filter:grayscale(50%) brightness(.9);transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(10,10,10,.9);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-normal)}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:var(--space-sm)}.project-link{padding:.7rem 1.5rem;background:0 0;color:var(--color-accent);border:2px solid var(--color-accent);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;transition:all var(--transition-normal);position:relative;overflow:hidden}.project-link::after{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);z-index:-1}.project-link:hover::after{width:300px;height:300px}.project-link:hover{color:var(--color-bg);box-shadow:0 0 15px rgba(255,215,0,.5)}.project-content{padding:var(--space-md)}.project-title{font-size:1.4rem;color:var(--color-accent);margin-bottom:var(--space-sm);font-family:var(--font-heading);letter-spacing:.05em}.project-description{color:var(--color-text-secondary);line-height:1.7;margin-bottom:var(--space-md);font-size:.95rem}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.tag{padding:.4rem .9rem;background:var(--color-bg);color:var(--color-text-secondary);font-size:.8rem;border:1px solid var(--color-gray-dark);border-radius:2px;text-transform:uppercase;letter-spacing:.05em}.contact{padding:var(--space-xl) 0;background:var(--color-bg)}.contact-content{display:grid;grid-template-columns:1fr 1.5fr;gap:var(--space-lg);align-items:start}.contact-text{color:var(--color-text-secondary);line-height:1.8;margin-bottom:var(--space-lg);font-size:1.05rem}.contact-details{display:flex;flex-direction:column;gap:var(--space-md)}.contact-detail{display:flex;align-items:center;gap:var(--space-sm);color:var(--color-text)}.contact-icon{width:24px;height:24px;color:var(--color-accent);flex-shrink:0}.contact-form{background:var(--color-bg-secondary);padding:3rem;border:1px solid var(--color-gray-dark);border-radius:2px}.form-label{display:block;color:var(--color-accent);font-size:.9rem;text-transform:uppercase;letter-spacing:.05em;font-weight:600}.form-input{width:100%;padding:.9rem;background:var(--color-bg-tertiary);border:1px solid var(--color-gray-dark);color:var(--color-text);font-size:1rem;font-family:inherit;border-radius:2px;transition:all var(--transition-normal)}.form-input:focus{outline:0;border-color:var(--color-accent);box-shadow:0 0 0 3px rgba(255,215,0,.1)}.form-input::placeholder{color:var(--color-gray)}.form-textarea{resize:vertical;min-height:120px}.form-error{display:block;color:#ff6b6b;font-size:.85rem;margin-top:var(--space-xs);min-height:1.2em}.form-message{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-md);border-radius:2px;font-size:.95rem}.form-message-success{background:rgba(80,200,120,.1);border:1px solid rgba(80,200,120,.3);color:#50c878}.form-message-error{background:rgba(255,107,107,.1);border:1px solid rgba(255,107,107,.3);color:#ff6b6b}.footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-gray-dark);padding:var(--space-lg) 0}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-md)}.footer-text{color:var(--color-text-secondary);font-size:.9rem}.social-links{display:flex;gap:var(--space-sm)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-tertiary);border:1px solid var(--color-gray-dark);border-radius:2px;transition:all var(--transition-normal);position:relative;overflow:hidden}.social-link svg{width:20px;height:20px;color:var(--color-text-secondary);position:relative;z-index:2;transition:color var(--transition-normal)}.social-link::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;background:var(--color-accent);border-radius:50%;transform:translate(-50%,-50%);transition:width var(--transition-slow),height var(--transition-slow);z-index:1}.social-link:hover::before{width:60px;height:60px}.social-link:hover{border-color:var(--color-accent);box-shadow:0 0 15px rgba(255,215,0,.3)}.social-link:hover svg{color:var(--color-bg)}.social-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.reveal-left,.reveal-right,.reveal-up{opacity:0;transition:all .8s ease}.reveal-up{transform:translateY(50px)}.reveal-left{transform:translateX(-50px)}.reveal-right{transform:translateX(50px)}.reveal-left.revealed,.reveal-right.revealed,.reveal-up.revealed{opacity:1;transform:translate(0,0)}@media (prefers-reduced-motion:reduce){.reveal-left,.reveal-right,.reveal-up{opacity:1;transform:none}}@media (max-width:968px){.hero-container{grid-template-columns:1fr;text-align:center}.hero-content{order:2}.hero-image{order:1}.image-wrapper{width:300px;height:300px}.hero-cta{justify-content:center}.hero-subtitle{margin-left:auto;margin-right:auto}.about-content{grid-template-columns:1fr}.contact-content{grid-template-columns:1fr}.nav-menu{gap:var(--space-sm)}.nav-link{font-size:.8rem}}@media (max-width:640px){:root{--space-lg:3rem;--space-xl:4rem}.nav-logo{height:20px}.nav-img{height:20px}.container{padding:0 var(--space-sm)}.hero{padding:var(--space-lg) var(--space-sm)}.image-wrapper{width:250px;height:250px}.hero-cta{flex-direction:column;width:100%}.btn{width:100%}.about-actions{flex-direction:column}.about-actions .btn{width:100%}.nav-container{padding:var(--space-xs) var(--space-sm)}.nav-menu{gap:var(--space-xs)}.nav-link{font-size:.75rem;padding:.3rem 0}.section-title{font-size:1.8rem}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:var(--space-sm)}.projects-grid{grid-template-columns:1fr}.project-links{flex-direction:column;width:100%}.project-link{width:100%;text-align:center}.footer-content{flex-direction:column;text-align:center}}@media (max-width:480px){.hero-name{font-size:2rem}.nav-logo{height:12px}.nav-img{height:12px}.section-title{font-size:1.5rem}.image-wrapper{width:200px;height:200px}}@media print{.contact-form,.footer,.hero-cta,.nav,.social-links{display:none}body{background:#fff;color:#000}.section-title{color:#000}}