html,body,#root{background-color:var(--primary-bg);color:var(--text-primary);min-height:100vh;margin:0;padding:0;overflow-x:hidden}:root{--primary-bg: #050510;--primary-bg-rgb: 5, 5, 16;--secondary-bg: #0d0d1f;--text-primary: #ffffff;--text-secondary: #a1a1aa;--accent-color: #7c3aed;--accent-hover: #6d28d9;--accent-light: #c4b5fd;--border-color: #3f3f46;--card-bg: #0d0d1f}*{margin:0;padding:0;box-sizing:border-box}body{background-color:var(--primary-bg);color:var(--text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.page-container{min-height:100vh;width:100%;display:flex;flex-direction:column}.content-wrapper{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:80px 20px 40px}.section{margin-bottom:60px}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.2}h1{font-size:3.5rem;margin-bottom:1rem}p{font-size:1.1rem;line-height:1.6;color:var(--text-secondary)}a{color:var(--accent-color);text-decoration:none;transition:opacity .2s ease}a:hover{opacity:.8}@media (max-width: 768px){.content-wrapper{padding:60px 16px 32px}h1{font-size:2.5rem}p{font-size:1rem}}.landing{position:relative;width:100vw;height:100vh;overflow:hidden;background:#050510}.landing-canvas{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;width:100%;height:100%}.landing-gradient{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(105deg,#050510 0%,#050510 28%,rgba(5,5,16,.75) 50%,transparent 72%);pointer-events:none}.landing-content{position:absolute;top:50%;left:6vw;transform:translateY(-50%);z-index:10;max-width:520px}.landing-greeting{font-size:.9rem;letter-spacing:.25em;text-transform:uppercase;color:#8b5cf6;margin-bottom:10px;font-weight:500}.landing-name{font-size:clamp(4.5rem,10vw,8.5rem);font-weight:800;line-height:.95;color:#fff;letter-spacing:-.03em;margin-bottom:18px;background:linear-gradient(135deg,#fff,#c4b5fd 60%,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing-title{font-size:1.25rem;color:#a1a1aa;font-weight:400;margin-bottom:6px}.landing-subtitle{font-size:1rem;color:#71717a;margin-bottom:40px}.landing-company{color:#8b5cf6;font-weight:600}.landing-ctas{display:flex;gap:14px;margin-bottom:36px;flex-wrap:wrap}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 26px;background:#7c3aed;color:#fff;border-radius:8px;font-size:.9rem;font-weight:600;text-decoration:none;border:1px solid transparent;transition:background .2s ease,transform .2s ease}.btn-primary:hover{background:#6d28d9;transform:translateY(-2px);color:#fff;opacity:1}.btn-icon{font-size:.75rem;transition:transform .2s ease}.btn-primary:hover .btn-icon{transform:translate(3px)}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:transparent;color:#a1a1aa;border-radius:8px;font-size:.9rem;font-weight:500;text-decoration:none;border:1px solid #3f3f46;transition:border-color .2s ease,color .2s ease,transform .2s ease}.btn-ghost:hover{border-color:#7c3aed;color:#fff;transform:translateY(-2px);opacity:1}.landing-socials{display:flex;gap:20px;margin-bottom:32px}.landing-socials a{color:#52525b;font-size:1.3rem;text-decoration:none;transition:color .2s ease,transform .2s ease;display:flex}.landing-socials a:hover{color:#8b5cf6;transform:translateY(-2px);opacity:1}.landing-location{display:flex;align-items:center;gap:8px;font-size:.8rem;color:#52525b;letter-spacing:.05em}.location-dot{width:7px;height:7px;border-radius:50%;background:#10b981;box-shadow:0 0 6px #10b981;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.4}}.landing-nav{position:absolute;top:0;left:0;right:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:28px 6vw;background:linear-gradient(to bottom,rgba(5,5,16,.9) 0%,transparent 100%)}.nav-logo{font-size:1.4rem;font-weight:800;color:#fff;letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:28px}.nav-link{font-size:.85rem;color:#71717a;text-decoration:none;font-weight:500;letter-spacing:.04em;transition:color .2s ease}.nav-link:hover{color:#fff;opacity:1}.nav-link-terminal{color:#8b5cf6;border:1px solid #3f3f46;padding:6px 14px;border-radius:6px;transition:border-color .2s ease,background .2s ease}.nav-link-terminal:hover{border-color:#7c3aed;background:#7c3aed1a;color:#c4b5fd;opacity:1}.scroll-hint{position:absolute;bottom:32px;left:50%;transform:translate(-50%);z-index:10;display:flex;flex-direction:column;align-items:center;gap:8px;color:#3f3f46;font-size:.65rem;letter-spacing:.2em;text-transform:uppercase}.scroll-line{width:1px;height:40px;background:linear-gradient(to bottom,#7c3aed,transparent);animation:scroll-anim 2s ease-in-out infinite}@keyframes scroll-anim{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.1)}}@media (max-width: 768px){.landing-gradient{background:linear-gradient(to bottom,#050510eb,#050510cc,#05051099)}.landing-content{left:50%;transform:translate(-50%,-50%);text-align:center;max-width:90vw}.landing-ctas,.landing-socials,.landing-location{justify-content:center}.landing-nav{padding:20px 5vw}}.terminal-container{display:flex;justify-content:center;align-items:center;min-height:100vh;padding:20px;background-color:var(--primary-bg)}.terminal{width:100%;max-width:800px;border-radius:10px;overflow:hidden;background-color:var(--card-bg);border:1px solid var(--border-color);box-shadow:0 10px 30px #0000004d}.terminal-header{background-color:#2a2a2a;padding:12px;display:flex;gap:8px}.terminal-button{width:12px;height:12px;border-radius:50%;transition:opacity .2s ease}.terminal-button:hover{opacity:.8}.terminal-button.red{background-color:#ff5f56}.terminal-button.yellow{background-color:#ffbd2e}.terminal-button.green{background-color:#27c93f}.terminal-body{padding:30px;font-family:Menlo,Monaco,Courier New,monospace;font-size:14px;line-height:1.6}.command-line{display:flex;align-items:center;gap:10px;margin-bottom:10px;color:var(--text-primary)}.prompt{color:var(--accent-color);font-weight:700}.command{color:var(--text-primary)}.command-output{color:var(--text-secondary);margin-bottom:20px;padding-left:25px}.skill-tag{display:inline-block;background-color:#e4544726;color:var(--accent-color);padding:2px 8px;margin:2px 4px;border-radius:4px;font-size:13px}.cursor{display:inline-block;width:8px;height:16px;background-color:var(--accent-color);animation:blink 1s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@media (max-width: 768px){.terminal{margin:10px}.terminal-body{padding:20px;font-size:13px}.command-output{padding-left:20px}}.contact-page{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;background-color:var(--primary-bg)}.contact-left{padding:4rem;background-color:var(--primary-bg);color:var(--text-primary);position:relative;display:flex;flex-direction:column;justify-content:space-between}.contact-left h1{font-size:4rem;line-height:1.1;font-weight:500;margin-bottom:2rem}.contact-circles{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;pointer-events:none;opacity:.1}.circle{position:absolute;border:1px solid var(--text-primary);border-radius:50%}.circle-1{width:300px;height:300px;left:20%;top:40%}.circle-2{width:400px;height:400px;left:35%;top:30%;border-style:dashed}.circle-3{width:200px;height:200px;left:50%;top:50%}.contact-right{padding:4rem;background-color:var(--card-bg);border-left:1px solid var(--border-color);position:relative;z-index:1;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.contact-right h2{font-size:2rem;margin-bottom:2rem;color:var(--text-primary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.5rem;color:var(--text-secondary)}.form-group input,.form-group textarea{width:100%;background-color:transparent!important;border:none!important;border-bottom:1px solid var(--border-color)!important;border-radius:0!important;padding:.5rem 0!important;color:var(--text-primary)!important;transition:all .3s ease!important}.form-group input:focus,.form-group textarea:focus{border-color:var(--text-primary)!important;box-shadow:none!important}.submit-button{background-color:transparent!important;color:var(--text-primary)!important;padding:1rem 2rem!important;border:1px solid var(--border-color)!important;border-radius:2rem!important;font-size:1rem!important;transition:all .3s ease!important;margin-top:1rem}.submit-button:hover{background-color:var(--text-primary)!important;color:var(--primary-bg)!important}.submit-button .arrow{margin-left:.5rem;transition:transform .3s ease}.submit-button:hover .arrow{transform:translate(5px)}.contact-info{margin-top:4rem;padding-top:2rem;border-top:1px solid var(--border-color)}.contact-label{font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-secondary);margin-bottom:.5rem}.contact-value{color:var(--text-primary)!important;font-size:1.1rem;text-decoration:none!important;transition:color .3s ease!important}.contact-value:hover{color:var(--accent-color)!important}.social-links{display:flex;align-items:center;gap:.5rem}.social-link{color:var(--text-primary)!important;text-decoration:none!important;transition:color .3s ease!important}.social-link:hover{color:var(--accent-color)!important}@media (max-width: 768px){.contact-page{grid-template-columns:1fr}.contact-left{padding:2rem;min-height:50vh}.contact-left h1{font-size:2.5rem}.contact-right{padding:2rem}.form-row{grid-template-columns:1fr;gap:0}.circle-1{width:200px;height:200px}.circle-2{width:250px;height:250px}.circle-3{width:150px;height:150px}}