.btn-primary,.nav-links a{font-size:.9rem}.skill-list li,nav{border-bottom:1px solid var(--border)}.flying-code,.section-title,.tag{font-family:var(--font-mono)}.back-to-top,.btn-primary,.card,.email-link,.nav-links a{text-decoration:none}:root{--bg-color:#fff;--text-main:#111;--text-muted:#666;--accent:#000;--border:#eaeaea;--card-bg:#fafafa;--spacing:20px;--font-main:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:'SFMono-Regular',Consolas,'Liberation Mono',Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:1000px;margin:0 auto;padding:0 var(--spacing)}.btn-primary{display:inline-block;background:var(--accent);color:#fff;padding:12px 24px;border-radius:4px;font-weight:600;transition:opacity .2s;border:none;cursor:pointer}.hero p,.nav-links a,.section-title{color:var(--text-muted)}.btn-primary:hover,body.dark-mode .about-image img,body.dark-mode .hero-image img,body.dark-mode .skills-banner img{opacity:.85}nav{display:flex;justify-content:space-between;align-items:center;padding:30px 0}.logo{font-weight:800;font-size:1.2rem;letter-spacing:-.5px}.nav-links a{margin-left:25px;font-weight:500;transition:color .2s}#music-toggle.playing,.nav-links a:hover{color:var(--accent)}.hero{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:60px;padding:100px 0 80px;min-height:80vh}.skills-grid,.split-layout{grid-template-columns:1fr 1fr;gap:60px}.hero h1{font-size:3.5rem;font-weight:800;letter-spacing:-2px;line-height:1.1;margin-bottom:20px}.hero p{font-size:1.2rem;margin-bottom:30px;max-width:90%}.hero-image img{width:100%;border-radius:8px;box-shadow:20px 20px 0 rgba(0,0,0,.03);transition:transform .3s}.hero-image img:hover{transform:scale(1.02)}section{padding:80px 0;border-top:1px solid var(--border)}.section-title{font-size:.75rem;text-transform:uppercase;letter-spacing:1px;display:block;margin-bottom:40px}.split-layout{display:grid;align-items:center}.bio-text h2{font-size:2rem;margin-bottom:20px;letter-spacing:-1px}.about-image img{width:100%;border-radius:8px;filter:grayscale(100%);transition:filter .3s}.about-image img:hover{filter:grayscale(0)}.skills-grid{display:grid;margin-bottom:40px}.skill-category h3{font-size:1.5rem;margin-bottom:25px;font-weight:700;letter-spacing:-.5px}.skill-list{list-style:none;padding:0}.skill-list li{padding:12px 0;font-size:1.05rem;color:var(--text-main);display:flex;align-items:center}.skill-list li::before{content:"•";color:var(--text-muted);font-size:1.2rem;margin-right:15px;line-height:0}.skills-banner{margin-top:40px;text-align:center;opacity:.8}.skills-banner img{max-width:100%;max-height:80px;filter:grayscale(100%)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:40px}.card{display:block;background:var(--bg-color);border:1px solid var(--border);border-radius:8px;overflow:hidden;color:inherit;transition:transform .2s,box-shadow .2s,border-color .2s}.card:hover{transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,.06);border-color:#000}.card-image,.card-image-placeholder{height:220px;border-bottom:1px solid var(--border);width:100%}.card-image{object-fit:cover}.card-image-placeholder{background:#f4f4f4;display:flex;align-items:center;justify-content:center;color:#ccc;font-size:3rem;font-weight:800}.card-content{padding:25px}.card h3{font-size:1.2rem;margin-bottom:10px;font-weight:700}.card p{font-size:.95rem;color:var(--text-muted);margin-bottom:20px}.tags-wrapper{display:flex;flex-wrap:wrap;gap:8px}.tag{font-size:.7rem;color:#444;background:#f0f0f0;padding:4px 8px;border-radius:4px}.contact-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:80px}.contact-info h2{font-size:2.5rem;line-height:1.1;margin-bottom:20px;letter-spacing:-1.5px}.email-link{display:inline-block;margin-top:30px;font-size:1.2rem;color:var(--accent);font-weight:600;border-bottom:2px solid transparent;transition:border-bottom .2s}.email-link:hover{border-bottom-color:var(--accent)}.contact-form{display:flex;flex-direction:column}.contact-form label{font-size:.75rem;font-weight:700;text-transform:uppercase;margin-bottom:8px;color:var(--text-muted)}.contact-form input,.contact-form textarea{padding:15px;margin-bottom:20px;border:1px solid var(--border);background:var(--card-bg);border-radius:4px;font-family:inherit;font-size:1rem;transition:.2s}.contact-form input:focus,.contact-form textarea:focus{outline:0;border-color:var(--accent);background:#fff;box-shadow:0 0 0 3px rgba(0,0,0,.05)}.contact-form textarea{min-height:150px;resize:vertical}.alert{padding:15px;margin-bottom:20px;border-radius:4px;font-size:.9rem}#music-toggle,#theme-toggle{background:0 0;border:none;color:var(--text-muted);font-size:1.1rem;cursor:pointer;transition:color .2s,transform .2s;margin-left:0}.alert.success{background:#d4edda;color:#155724}.alert.error{background:#f8d7da;color:#721c24}body.dark-mode{--bg-color:#111;--text-main:#f5f5f5;--text-muted:#a0a0a0;--accent:#fff;--border:#333;--card-bg:#1a1a1a}body.dark-mode .btn-primary{background:#fff;color:#000}body.dark-mode .btn-primary:hover{background:#e0e0e0}body.dark-mode .tag{background:#333;color:#ddd}body.dark-mode .card-image-placeholder{background:#222;color:#555}#theme-toggle{padding:5px}#music-toggle:hover,#theme-toggle:hover{color:var(--text-main);transform:scale(1.1)}.tech-footer{position:relative;overflow:hidden;padding:60px 0;border-top:1px solid var(--border);text-align:center;background:var(--bg-color)}.flying-code-container{position:absolute;top:20px;left:0;width:100%;overflow:hidden;opacity:.08;pointer-events:none;white-space:nowrap}body.dark-mode .flying-code-container{opacity:.15}.flying-code{display:inline-block;animation:30s linear infinite fly-code;font-size:.9rem;color:var(--text-main)}.flying-code span{margin-right:60px}@keyframes fly-code{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.footer-content{position:relative;z-index:2}html{scroll-behavior:smooth}nav{flex-wrap:wrap}.nav-actions{display:flex;align-items:center;gap:15px;margin-left:auto}.back-to-top{display:inline-block;margin-top:30px;width:45px;height:45px;line-height:45px;background:var(--card-bg);color:var(--text-main);border:1px solid var(--border);border-radius:50%;text-align:center;font-size:1.2rem;transition:.3s;z-index:10;position:relative}.back-to-top:hover{background:var(--accent);color:var(--bg-color);transform:translateY(-5px)}.logo img{max-height:40px;width:auto;display:block}.logo-dark,body.dark-mode .logo-light{display:none!important}body.dark-mode .logo-dark{display:block!important}@media (max-width:768px){.contact-form button,.nav-links{width:100%}.nav-links{display:none;display:flex!important;justify-content:space-between;margin-top:20px;padding-top:20px;border-top:1px solid var(--border)}.contact-wrapper,.hero,.skills-grid,.split-layout{grid-template-columns:1fr;gap:40px;text-align:center}.hero h1{font-size:2.5rem}.hero-image{order:-1;margin-bottom:20px}.nav-links a{margin-left:0!important;font-size:.75rem!important;display:flex;flex-direction:column;align-items:center;gap:8px}.nav-links a i{font-size:1.2rem}.logo img{max-height:35px}}