@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Manrope:wght@300;400;500;600&family=JetBrains+Mono:wght@300;400;500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#e8e4db;cursor:none;-webkit-font-smoothing:antialiased;background:#07080f;font-family:Manrope,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font-family:inherit}::selection{color:#000;background:#c97b2a}::-webkit-scrollbar{width:2px}::-webkit-scrollbar-track{background:#07080f}::-webkit-scrollbar-thumb{background:#c97b2a}:root{--bg:#07080f;--bg2:#ffffff04;--accent:#c97b2a;--accent2:#e8943a;--text:#e8e4db;--muted:#9a96a0;--border:#ffffff12;--card:#ffffff06;--success:#4ade80}@keyframes fadeUp{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}@keyframes pulse{0%,to{opacity:.5;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-16px)rotate(2deg)}}@keyframes flicker{0%,to{opacity:1}93%{opacity:1}94%{opacity:.6}96%{opacity:1}97%{opacity:.7}99%{opacity:1}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes scanDown{0%{top:-20%}to{top:110%}}@keyframes pendulum{0%,to{transform:rotate(-9deg)}50%{transform:rotate(9deg)}}.cursor{pointer-events:none;z-index:9999;mix-blend-mode:difference;background:#c97b2a;border-radius:50%;width:10px;height:10px;position:fixed}.cursor-ring{pointer-events:none;z-index:9998;border:1px solid #c97b2a66;border-radius:50%;width:36px;height:36px;transition:opacity .2s;position:fixed}.nav-item{letter-spacing:.12em;text-transform:uppercase;color:#5a5960;padding-bottom:2px;font-family:JetBrains Mono,monospace;font-size:11px;text-decoration:none;transition:color .2s;position:relative}.nav-item:after{content:"";transform-origin:0;background:#c97b2a;height:1px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.nav-item:hover,.nav-item.active{color:#c97b2a}.nav-item:hover:after,.nav-item.active:after{transform:scaleX(1)}.btn-cta{color:#000;cursor:none;letter-spacing:.08em;text-transform:uppercase;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 14px,100% 100%,14px 100%,0 calc(100% - 14px));background:#c97b2a;border:none;align-items:center;gap:10px;padding:13px 32px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.btn-cta:hover{background:#e8943a;transform:translateY(-2px)}.btn-ghost{color:#e8e4db;cursor:none;letter-spacing:.08em;text-transform:uppercase;background:0 0;border:1px solid #ffffff1a;align-items:center;gap:8px;padding:12px 28px;font-family:JetBrains Mono,monospace;font-size:12px;text-decoration:none;transition:all .2s;display:inline-flex}.btn-ghost:hover{color:#c97b2a;border-color:#c97b2a}.card-project{background:#ffffff06;border:1px solid #ffffff12;transition:border-color .3s,transform .3s,background .3s;overflow:hidden}.card-project:hover{background:#c97b2a08;border-color:#c97b2a66;transform:translateY(-6px)}.tag{color:#5a5960;letter-spacing:.06em;border:1px solid #ffffff14;padding:4px 10px;font-family:JetBrains Mono,monospace;font-size:10px;transition:all .2s}.tag:hover{color:#c97b2a;border-color:#c97b2a}.chip-skill{color:#c97b2a;letter-spacing:.05em;background:#c97b2a14;border:1px solid #c97b2a33;padding:6px 14px;font-family:JetBrains Mono,monospace;font-size:11px;transition:all .2s}.chip-skill:hover{background:#c97b2a2e;transform:translateY(-2px)}.form-field{color:#e8e4db;resize:none;background:#ffffff08;border:1px solid #ffffff12;outline:none;width:100%;padding:14px 18px;font-family:Manrope,sans-serif;font-size:14px;transition:border-color .2s}.form-field:focus{border-color:#c97b2a}.form-field::placeholder{color:#3a3840}.grid-bg{pointer-events:none;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:56px 56px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(90% 90%,#000 0%,#0000 100%);mask-image:radial-gradient(90% 90%,#000 0%,#0000 100%)}.accent-glow{pointer-events:none;background:radial-gradient(circle,#c97b2a14 0%,#0000 70%);border-radius:50%;position:absolute}.marquee-track{white-space:nowrap;gap:48px;animation:24s linear infinite marquee;display:flex}.marquee-item{letter-spacing:.15em;color:#ffffff26;text-transform:uppercase;align-items:center;gap:16px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.marquee-item:after{content:"◆";color:#c97b2a;font-size:7px}.section-label{letter-spacing:.18em;text-transform:uppercase;color:#c97b2a;align-items:center;gap:10px;margin-bottom:20px;font-family:JetBrains Mono,monospace;font-size:10px;display:inline-flex}.section-label:before{content:"";background:#c97b2a;width:28px;height:1px}.timeline-line{background:linear-gradient(#0000,#c97b2a 20% 80%,#0000);width:1px;position:absolute;top:0;bottom:0;left:0}.timeline-dot{background:#07080f;border:1px solid #c97b2a;border-radius:50%;width:9px;height:9px;position:absolute;top:6px;left:-4px}.lang-bar{background:#ffffff12;height:2px}.lang-fill{background:linear-gradient(90deg,#c97b2a,#e8943a);height:100%;transition:width 1.4s cubic-bezier(.4,0,.2,1)}.noise{pointer-events:none;z-index:100;opacity:.02;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.floating-code{color:#c97b2a26;pointer-events:none;-webkit-user-select:none;user-select:none;white-space:nowrap;font-family:JetBrains Mono,monospace;font-size:11px;position:absolute}@media (width<=768px){body{cursor:auto}.cursor,.cursor-ring{display:none}.proj-grid,.skills-grid,.exp-grid,.contact-grid{grid-template-columns:1fr!important}nav .nav-items{display:none!important}nav{padding-left:16px!important;padding-right:16px!important}.nav-cta{display:none!important}.burger{display:flex!important}section,footer,.hero-content{padding-left:20px!important;padding-right:20px!important}.status-badge{flex-wrap:wrap!important;font-size:9px!important}.floating-code,.dangle{display:none!important}}