@import url(https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Outfit:wght@300;400;500&display=swap);body{-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}*,:after,:before{box-sizing:border-box;margin:0;padding:0}:root{--bg:#080808;--bg2:#0f0f0f;--bg3:#161616;--border:#ffffff14;--border2:#ffffff24;--text:#f0ede6;--text2:#a09d96;--text3:#5a5752;--accent:#e8c547;--accent2:#d4a82a;--font-display:"Bebas Neue","Arial Narrow",sans-serif;--font-body:"Outfit",system-ui,sans-serif;--max:1100px;--radius:10px}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:#080808;background:var(--bg);color:#f0ede6;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);overflow-x:hidden}.app{min-height:100vh}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#080808;background:var(--bg)}::-webkit-scrollbar-thumb{background:#ffffff24;background:var(--border2);border-radius:2px}.nav{border-bottom:1px solid #0000;left:0;position:fixed;right:0;top:0;transition:background .3s,border-color .3s;z-index:100}.nav--scrolled{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#080808eb;border-bottom-color:#ffffff14;border-bottom-color:var(--border)}.nav-inner{align-items:center;display:flex;height:64px;justify-content:space-between;margin:0 auto;max-width:1100px;max-width:var(--max);padding:0 32px}.nav-logo{color:#e8c547;color:var(--accent);cursor:pointer;font-family:Bebas Neue,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:26px;letter-spacing:2px;-webkit-user-select:none;user-select:none}.nav-links{display:flex;gap:4px;list-style:none}.nav-links button{background:none;border:none;border-radius:6px;color:#a09d96;color:var(--text2);cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);font-size:13px;font-weight:400;letter-spacing:.5px;padding:8px 16px;text-transform:uppercase;transition:color .15s,background .15s}.nav-links button:hover{background:#ffffff0d;color:#f0ede6;color:var(--text)}.nav-burger{background:none;border:none;cursor:pointer;display:none;flex-direction:column;gap:5px;padding:4px}.nav-burger span{background:#f0ede6;background:var(--text);border-radius:2px;display:block;height:1.5px;transition:transform .2s;width:22px}.hero{align-items:center;display:flex;min-height:100vh;overflow:hidden;position:relative}.hero-bg{pointer-events:none}.hero-bg,.hero-grid{inset:0;position:absolute}.hero-grid{background-image:linear-gradient(#ffffff08 1px,#0000 0),linear-gradient(90deg,#ffffff08 1px,#0000 0);background-size:60px 60px;-webkit-mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,#0000 100%);mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,#000 40%,#0000 100%)}.hero-glow{background:radial-gradient(circle,#e8c54712 0,#0000 70%);height:600px;position:absolute;right:-10%;top:-20%;width:600px}.hero-content{margin:0 auto;max-width:1100px;max-width:var(--max);padding:120px 32px 80px;position:relative;width:100%}.hero-eyebrow{animation:fadeUp .6s ease both;color:#e8c547;color:var(--accent);font-size:13px;font-weight:400;letter-spacing:3px;margin-bottom:16px;text-transform:uppercase}.hero-name{animation:fadeUp .6s ease .1s both;color:#f0ede6;color:var(--text);font-family:Bebas Neue,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:clamp(80px,14vw,160px);letter-spacing:2px;line-height:.92;margin-bottom:28px}.hero-tagline{animation:fadeUp .6s ease .2s both;color:#a09d96;color:var(--text2);font-size:clamp(18px,2.5vw,26px);font-weight:300;margin-bottom:16px}.hero-bio{animation:fadeUp .6s ease .3s both;color:#5a5752;color:var(--text3);font-size:16px;line-height:1.7;margin-bottom:40px;max-width:520px}.hero-cta{animation:fadeUp .6s ease .4s both;display:flex;flex-wrap:wrap;gap:14px}.hero-scroll{animation:fadeUp .6s ease .8s both;bottom:40px;display:flex;justify-content:center;left:50%;position:absolute;transform:translateX(-50%)}.hero-scroll span{animation:scrollLine 1.8s ease-in-out infinite;background:linear-gradient(180deg,#e8c547,#0000);background:linear-gradient(to bottom,var(--accent),#0000);display:block;height:60px;width:1px}@keyframes scrollLine{0%,to{opacity:1;transform:scaleY(1)}50%{opacity:.3;transform:scaleY(.6)}}.btn-primary{background:#e8c547;background:var(--accent);border:none;border-radius:10px;border-radius:var(--radius);color:#0a0a0a;cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:500;letter-spacing:.5px;padding:13px 28px;transition:background .15s,transform .1s}.btn-primary:hover{background:#d4a82a;background:var(--accent2)}.btn-primary:active{transform:scale(.98)}.btn-ghost{background:#0000;border:1px solid #ffffff24;border:1px solid var(--border2);border-radius:10px;border-radius:var(--radius);color:#a09d96;color:var(--text2);cursor:pointer;font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);font-size:14px;font-weight:400;letter-spacing:.5px;padding:13px 28px;transition:color .15s,border-color .15s}.btn-ghost:hover{border-color:#ffffff4d;color:#f0ede6;color:var(--text)}.section{padding:110px 0}.container{margin:0 auto;max-width:1100px;max-width:var(--max);padding:0 32px}.section-header{margin-bottom:56px;opacity:0;transform:translateY(24px);transition:opacity .6s,transform .6s}.section-header.visible{opacity:1;transform:translateY(0)}.section-label{color:#e8c547;color:var(--accent);font-size:11px;font-weight:500;letter-spacing:3px;margin-bottom:10px;text-transform:uppercase}.section-title{color:#f0ede6;color:var(--text);font-family:Bebas Neue,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:clamp(42px,6vw,72px);letter-spacing:1px;line-height:1}.skills-section{background:#0f0f0f;background:var(--bg2);border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);border-top:1px solid #ffffff14;border-top:1px solid var(--border)}.skills-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.skill-group{background:#161616;background:var(--bg3);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);opacity:0;padding:24px;transform:translateY(20px);transition:opacity .5s,transform .5s}.skill-group.visible{opacity:1;transform:translateY(0)}.skill-group:hover{border-color:#ffffff24;border-color:var(--border2)}.skill-category{color:#e8c547;color:var(--accent);font-size:11px;font-weight:500;letter-spacing:2px;margin-bottom:16px;text-transform:uppercase}.skill-list{display:flex;flex-wrap:wrap;gap:8px;list-style:none}.skill-tag{background:#ffffff0a;border:1px solid #ffffff14;border:1px solid var(--border);border-radius:4px;color:#a09d96;color:var(--text2);font-size:13px;padding:4px 10px;transition:color .15s,border-color .15s}.skill-group:hover .skill-tag{border-color:#ffffff24;border-color:var(--border2);color:#f0ede6;color:var(--text)}.projects-section{background:#080808;background:var(--bg)}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.project-card{opacity:0;transform:translateY(24px);transition:opacity .5s,transform .5s}.project-card.visible{opacity:1;transform:translateY(0)}.project-card--dim .project-card-inner{opacity:.4}.project-card-inner{background:#161616;background:var(--bg3);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:column;height:100%;padding:28px;transition:border-color .2s,transform .2s}.project-card:not(.project-card--dim) .project-card-inner:hover{border-color:#e8c547;border-color:var(--accent);transform:translateY(-3px)}.project-top{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.project-tag{color:#5a5752;color:var(--text3)}.project-live,.project-tag{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase}.project-live{background:#4ade801a;border:1px solid #4ade8033;border-radius:20px;color:#4ade80;padding:3px 10px}.project-title{color:#f0ede6;color:var(--text);font-family:Bebas Neue,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:28px;letter-spacing:.5px;line-height:1.1;margin-bottom:12px}.project-desc{color:#a09d96;color:var(--text2);flex:1 1;font-size:14px;line-height:1.65;margin-bottom:20px}.project-highlights{display:flex;flex-direction:column;gap:6px;list-style:none;margin-bottom:24px}.project-highlights li{color:#5a5752;color:var(--text3);font-size:13px;padding-left:16px;position:relative}.project-highlights li:before{background:#e8c547;background:var(--accent);content:"";height:1px;left:0;position:absolute;top:8px;width:5px}.project-link{align-items:center;color:#e8c547;color:var(--accent);display:inline-flex;font-size:13px;font-weight:500;gap:8px;letter-spacing:.3px;margin-top:auto;text-decoration:none;transition:gap .15s}.project-link:hover{gap:12px}.contact-section{background:#0f0f0f;background:var(--bg2);border-top:1px solid #ffffff14;border-top:1px solid var(--border)}.contact-wrap{max-width:680px;opacity:0;transform:translateY(24px);transition:opacity .6s .1s,transform .6s .1s}.contact-wrap.visible{opacity:1;transform:translateY(0)}.contact-form{display:flex;flex-direction:column;gap:20px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.form-field{display:flex;flex-direction:column;gap:7px}.form-field span{color:#5a5752;color:var(--text3);font-size:11px;font-weight:500;letter-spacing:1.5px;text-transform:uppercase}.form-field input,.form-field textarea{background:#161616;background:var(--bg3);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);color:#f0ede6;color:var(--text);font-family:Outfit,system-ui,sans-serif;font-family:var(--font-body);font-size:14px;outline:none;padding:12px 16px;resize:vertical;transition:border-color .15s}.form-field input:focus,.form-field textarea:focus{border-color:#e8c547;border-color:var(--accent)}.form-field input.err,.form-field textarea.err{border-color:#ef4444}.form-err{color:#ef4444;font-size:12px}.form-field input::placeholder,.form-field textarea::placeholder{color:#5a5752;color:var(--text3)}.contact-sent{align-items:flex-start;background:#161616;background:var(--bg3);border:1px solid #ffffff14;border:1px solid var(--border);border-radius:10px;border-radius:var(--radius);display:flex;flex-direction:column;gap:12px;padding:40px}.sent-icon{color:#4ade80}.contact-sent h3{font-family:Bebas Neue,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:32px;letter-spacing:1px}.contact-sent p{color:#a09d96;color:var(--text2);font-size:15px}.footer{background:#080808;background:var(--bg);border-top:1px solid #ffffff14;border-top:1px solid var(--border);padding:32px 0}.footer .container{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:space-between}.footer-name{color:#e8c547;color:var(--accent);font-family:Bebas Neue,Arial Narrow,sans-serif;font-family:var(--font-display);font-size:20px;letter-spacing:2px}.footer-copy{color:#5a5752;color:var(--text3);font-size:12px}@keyframes fadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:640px){.nav-links{display:none}.nav-links.open{background:#080808f7;border-bottom:1px solid #ffffff14;border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:4px;left:0;padding:16px;position:fixed;right:0;top:64px}.nav-burger{display:flex}.form-row{grid-template-columns:1fr}.hero-name{font-size:72px}}
/*# sourceMappingURL=main.c86b3306.css.map*/