:root{--bg:#080808;--bg-2:#0f0f0f;--bg-3:#161616;--surface:#1a1a1a;--surface-2:#222;--border:#2a2a2a;--border-2:#333;--accent:#c8f230;--accent-dim:#c8f2301f;--accent-mid:#c8f2304d;--text:#f0f0f0;--text-2:#a0a0a0;--text-3:#606060;--font-display:"Syne",sans-serif;--font-mono:"DM Mono",monospace;--font-body:"Outfit",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#080808;background:var(--bg);color:#f0f0f0;color:var(--text);font-family:Outfit,sans-serif;font-family:var(--font-body);font-weight:300;line-height:1.6;overflow-x:hidden}::selection{background:#c8f230;background:var(--accent);color:#080808}a{color:inherit;text-decoration:none}a:hover,button{cursor:pointer}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#080808;background:var(--bg)}::-webkit-scrollbar-thumb{background:#333;background:var(--border-2);border-radius:2px}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideRight{0%{width:0}to{width:100%}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glitch{0%,to{clip-path:inset(0 0 100% 0)}10%{clip-path:inset(10% 0 60% 0);transform:translate(-4px)}20%{clip-path:inset(50% 0 20% 0);transform:translate(4px)}30%{clip-path:inset(30% 0 50% 0);transform:translate(-2px)}40%{clip-path:inset(70% 0 10% 0);transform:translate(2px)}50%{clip-path:inset(20% 0 70% 0);transform:translate(0)}}@keyframes scanline{0%{transform:translateY(-100%)}to{transform:translateY(100vh)}}@keyframes pulse-accent{0%,to{box-shadow:0 0 0 0 #c8f2304d;box-shadow:0 0 0 0 var(--accent-mid)}50%{box-shadow:0 0 0 8px #0000}}@keyframes marquee{0%{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes spin-slow{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.app{min-height:100vh;position:relative}.app:before{background:radial-gradient(ellipse at 20% 20%,#c8f2300a 0,#0000 60%),radial-gradient(ellipse at 80% 80%,#c8f23008 0,#0000 60%);content:"";inset:0;pointer-events:none;position:fixed;z-index:0}main{position:relative;z-index:1}.reveal{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}.reveal-visible{opacity:1;transform:translateY(0)}.reveal-left,.reveal-right{opacity:0;transition:opacity .7s ease,transform .7s ease}.reveal-left{transform:translateX(-60px)}.reveal-right{transform:translateX(60px)}.reveal-left.reveal-visible,.reveal-right.reveal-visible{opacity:1;transform:translateX(0)}@media (prefers-reduced-motion:reduce){.reveal,.reveal-left,.reveal-right{opacity:1;transform:none;transition:none}}section{padding:120px 0}.container{margin:0 auto;max-width:1200px;padding:0 40px}.section-label{align-items:center;color:var(--accent);display:flex;font-family:var(--font-mono);font-size:11px;font-weight:400;gap:12px;letter-spacing:.3em;margin-bottom:16px;text-transform:uppercase}.section-label:before{background:var(--accent);content:"";height:1px;width:32px}.section-title{font-family:var(--font-display);font-size:clamp(2.5rem,5vw,4rem);font-weight:800;letter-spacing:-.02em;line-height:1.05;margin-bottom:24px}.section-title span{color:var(--accent)}.btn{align-items:center;border:none;border-radius:2px;display:inline-flex;font-family:var(--font-mono);font-size:13px;font-weight:500;gap:10px;letter-spacing:.05em;overflow:hidden;padding:14px 28px;position:relative;transition:all .25s ease}.btn-primary{background:var(--accent);color:#080808}.btn-primary:after{background:#00000026;content:"";inset:0;opacity:0;position:absolute;transition:opacity .2s}.btn-primary:hover:after{opacity:1}.btn-primary:hover{box-shadow:0 12px 30px var(--accent-mid);transform:translateY(-2px)}.btn-outline{background:#0000;border:1px solid var(--border-2);color:var(--text)}.btn-outline:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.tag{background:var(--accent-dim);border:1px solid #c8f23033;border-radius:2px;color:var(--accent);display:inline-block;font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;padding:4px 12px}@media (max-width:768px){.container{padding:0 24px}section{padding:80px 0}}.navbar{border-bottom:1px solid #0000;left:0;padding:24px 0;position:fixed;right:0;top:0;transition:background .3s,padding .3s,border-color .3s;z-index:100}.navbar.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#080808eb;border-bottom-color:var(--border);padding:16px 0}.nav-inner{align-items:center;display:flex;gap:48px;margin:0 auto;max-width:1200px;padding:0 40px}.nav-logo{background:none;border:none;color:var(--text);flex-shrink:0;font-family:var(--font-display);font-size:22px;font-weight:800;letter-spacing:.05em;transition:color .2s}.logo-bracket,.nav-logo:hover{color:var(--accent)}.nav-links{align-items:center;display:flex;gap:8px;list-style:none;margin-left:auto}.nav-link{background:none;border:none;color:var(--text-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;padding:8px 12px;position:relative;transition:color .2s}.nav-link.active,.nav-link:hover{color:var(--accent)}.nav-link:after{background:var(--accent);bottom:4px;content:"";height:1px;left:12px;position:absolute;right:12px;transform:scaleX(0);transition:transform .2s}.nav-link.active:after,.nav-link:hover:after{transform:scaleX(1)}.nav-num{font-size:10px;margin-right:4px}.nav-cta,.nav-num{color:var(--accent)}.nav-cta{border:1px solid var(--accent);font-family:var(--font-mono);font-size:12px;padding:8px 18px;transition:all .2s;white-space:nowrap}.nav-cta:hover{background:var(--accent-dim);box-shadow:0 0 20px var(--accent-mid)}.hamburger{background:none;border:none;display:none;flex-direction:column;gap:5px;margin-left:auto;padding:4px}.hamburger span{background:var(--text);display:block;height:1.5px;transition:all .3s;width:24px}.hamburger.open span:first-child{transform:translateY(6.5px) rotate(45deg)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:translateY(-6.5px) rotate(-45deg)}.mobile-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#080808fa;border-top:1px solid var(--border);display:none;flex-direction:column;gap:4px;padding:16px 40px 24px}.mobile-link{background:none;border:none;border-bottom:1px solid var(--border);color:var(--text-2);font-family:var(--font-mono);font-size:14px;padding:14px 0;text-align:left;transition:color .2s}.mobile-cta,.mobile-link.active,.mobile-link:hover{color:var(--accent)}.mobile-cta{font-family:var(--font-mono);font-size:13px;margin-top:16px;padding:12px 0;text-align:left}@media (max-width:900px){.nav-cta,.nav-links{display:none}.hamburger,.mobile-menu{display:flex}.nav-inner{gap:16px;padding:0 24px}}.hero{flex-direction:column;min-height:100vh;overflow:hidden;padding-top:100px;position:relative}.hero,.hero-inner{display:flex;justify-content:center}.hero-inner{animation:fadeUp .8s ease both;flex:1 1;flex-direction:column;gap:32px;padding-bottom:40px;padding-top:40px}.hero-name-block{animation:fadeUp .8s ease .2s both}.hero-greeting{margin-bottom:8px}.mono-dim{color:var(--text-3);font-family:var(--font-mono);font-size:14px;font-style:italic}.hero-name{color:var(--text);font-family:var(--font-display);font-size:clamp(2.4rem,10vw,9rem);font-weight:800;letter-spacing:-.04em;line-height:.95}.name-accent{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent),#a8e000);-webkit-background-clip:text;background-clip:text;color:var(--accent);color:#0000}.hero-role-line{align-items:center;animation:fadeUp .8s ease .3s both;display:flex;flex-wrap:wrap;gap:0}.hero-role{font-size:clamp(14px,2vw,20px);font-weight:400}.cursor-blink,.hero-role{color:var(--accent);font-family:var(--font-mono)}.cursor-blink{animation:fadeIn .7s ease infinite alternate;font-size:20px}.hero-desc{animation:fadeUp .8s ease .4s both;color:var(--text-2);font-size:16px;line-height:1.7;max-width:520px}.hero-actions{animation:fadeUp .8s ease .5s both;display:flex;flex-wrap:wrap;gap:16px}.scroll-line{animation:float 2s ease infinite;background:linear-gradient(to bottom,#0000,var(--accent));height:60px;width:1px}.hero-scroll-cue span{color:var(--text-3);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;writing-mode:vertical-rl}.hero-marquee-wrap{background:var(--bg-2);border-top:1px solid var(--border);overflow:hidden;padding:20px 0;width:100%}.hero-marquee{animation:marquee 30s linear infinite;display:flex;gap:40px;width:max-content}.hero-marquee span{color:var(--text-3);flex-shrink:0;font-family:var(--font-display);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}@media (max-width:768px){.hero-side-text{display:none}.hero-scroll-cue{bottom:60px;right:24px}.hero-name{font-size:clamp(1.8rem,11vw,4rem);letter-spacing:-.03em}.hero-inner{gap:24px}}#about{padding-top:48px}.about-layout{grid-gap:80px;align-items:start;display:grid;gap:80px;grid-template-columns:1fr 1fr}.about-text{display:flex;flex-direction:column;gap:16px;margin-bottom:32px}.about-text p{color:var(--text-2);font-size:16px;line-height:1.8}.about-text strong{color:var(--text);font-weight:500}.about-text a{color:var(--accent);font-family:var(--font-mono);font-size:14px;transition:opacity .2s}.about-text a:hover{opacity:.7}.about-right{display:flex;justify-content:center}.about-info-card{background:#0000;border:1px solid var(--border);border-radius:12px;display:grid;grid-template-columns:1fr 1fr;max-width:460px;width:100%}.info-item{border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:10px;padding:28px 32px}.info-item:nth-child(odd){border-right:1px solid var(--border)}.info-item:nth-last-child(-n+2){border-bottom:none}.info-value{color:var(--text);font-family:var(--font-body);font-size:17px;font-weight:500;line-height:1.4}@media (max-width:768px){#about{padding-top:32px}}@media (max-width:900px){.about-layout{gap:48px;grid-template-columns:1fr}.about-right{justify-content:flex-start}.about-info-card{max-width:100%}}@media (max-width:480px){.info-item{gap:6px;padding:18px 14px}.info-value{font-size:15px}}.skills-section{background:var(--bg-2);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.skills-layout{grid-gap:32px;display:grid;gap:32px;grid-template-columns:220px 1fr;margin-top:56px}.skills-tabs{display:flex;flex-direction:column;gap:4px}.skill-tab{align-items:center;background:none;border:none;border-left:2px solid #0000;border-radius:2px;color:var(--text-2);display:flex;font-family:var(--font-body);font-size:15px;font-weight:400;gap:12px;padding:14px 16px;text-align:left;transition:all .2s}.skill-tab:hover{background:var(--surface);color:var(--text)}.skill-tab.active{background:var(--accent-dim);border-left-color:var(--accent);color:var(--accent)}.tab-num{color:var(--accent);font-family:var(--font-mono);font-size:11px}.skills-panel{background:var(--surface);border:1px solid var(--border);border-radius:4px;padding:32px}.panel-header{align-items:center;border-bottom:1px solid var(--border);display:flex;gap:12px;margin-bottom:32px;padding-bottom:20px}.panel-num{color:var(--accent);font-family:var(--font-mono);font-size:16px}.panel-title{flex:1 1;font-family:var(--font-display);font-size:20px;font-weight:700}.panel-count{color:var(--text-3);font-family:var(--font-mono);font-size:11px}.skill-tags{display:flex;flex-wrap:wrap;gap:12px}.skill-tag{animation:fadeUp .4s ease both;background:var(--bg-3);border:1px solid var(--border);border-radius:2px;color:var(--text);font-family:var(--font-mono);font-size:13px;padding:10px 20px;transition:all .2s}.skill-tag:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}@media (max-width:768px){.skills-layout{grid-template-columns:1fr}.skills-tabs{flex-direction:row;flex-wrap:wrap;gap:8px}.skill-tab{border-bottom:2px solid #0000;border-left:none;font-size:13px;padding:10px 14px}.skill-tab.active{border-bottom-color:var(--accent);border-left:none}}.projects-sub{color:var(--text-2);font-size:16px;margin-bottom:40px;margin-top:-8px;max-width:560px}.project-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:40px}.filter-btn{background:var(--surface);border:1px solid var(--border);border-radius:2px;color:var(--text-2);font-family:var(--font-mono);font-size:12px;letter-spacing:.05em;padding:8px 20px;transition:all .2s}.filter-btn.active,.filter-btn:hover{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.projects-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(420px,1fr))}.project-card{background:var(--surface);border:1px solid var(--border);border-radius:8px;cursor:pointer;display:block;overflow:hidden;transition:opacity .7s ease,transform .7s ease,border-color .25s ease,box-shadow .25s ease}.project-card:hover{border-color:var(--accent);box-shadow:0 16px 40px #0006;transform:translateY(-4px)}.project-preview{background:var(--bg-3);overflow:hidden}.browser-chrome,.project-preview{border-bottom:1px solid var(--border)}.browser-chrome{align-items:center;background:var(--bg-2);display:flex;gap:6px;padding:10px 14px}.chrome-dot{border-radius:50%;height:8px;width:8px}.chrome-dot:first-child{background:#ff5f57}.chrome-dot:nth-child(2){background:#febc2e}.chrome-dot:nth-child(3){background:#28c840}.preview-img{aspect-ratio:16/9;display:block;object-fit:cover;object-position:top;transition:transform .4s ease;width:100%}.project-card:hover .preview-img{transform:scale(1.08)}.preview-placeholder{align-items:center;aspect-ratio:16/9;background:linear-gradient(135deg,var(--bg-3),var(--surface-2));display:flex;flex-direction:column;gap:8px;justify-content:center;transition:transform .4s ease}.project-card:hover .preview-placeholder{transform:scale(1.08)}.preview-placeholder span{color:var(--text-3);font-family:var(--font-display);font-size:18px;font-weight:700}.preview-placeholder small{color:var(--text-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase}.project-body{display:flex;flex-direction:column;gap:12px;padding:24px 28px 28px}.project-title-row{align-items:center;display:flex;gap:12px;justify-content:space-between}.project-name{color:var(--text);font-family:var(--font-display);font-size:20px;font-weight:700}.project-link-icon{align-items:center;color:var(--text-2);display:flex;flex-shrink:0;justify-content:center;transition:color .2s,transform .2s}.project-card:hover .project-link-icon{color:var(--accent);transform:translate(2px,-2px)}.project-desc{color:var(--text-2);font-size:14px;line-height:1.7}.project-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.tech-tag{border:1px solid var(--border-2);border-radius:3px;color:var(--text-2);font-family:var(--font-mono);font-size:11px;letter-spacing:.05em;padding:5px 12px;text-transform:uppercase}.projects-more{display:flex;justify-content:center;margin-top:48px}@media (max-width:768px){.projects-grid{grid-template-columns:1fr}}.design-section{background:var(--bg-2);border-bottom:1px solid var(--border);border-top:1px solid var(--border)}.design-sub{color:var(--text-2);font-size:16px;margin-bottom:56px;margin-top:-8px;max-width:560px}.design-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr)}.design-card{aspect-ratio:1/.75;border:1px solid var(--border);border-radius:4px;cursor:pointer;overflow:hidden;position:relative;transition:opacity .7s ease,transform .7s ease,border-color .25s ease}.design-card:hover{border-color:var(--accent);transform:scale(1.03)}.design-card-img{height:100%;inset:0;object-fit:cover;position:absolute;transition:transform .4s ease;width:100%}.design-card:hover .design-card-img{transform:scale(1.08)}.design-card-overlay{background:linear-gradient(180deg,#0000001a,#0000008c 60%,#000000e6);inset:0;position:absolute}.design-card-content{display:flex;flex-direction:column;inset:0;justify-content:flex-end;padding:18px;position:absolute}.design-category{color:#fff;font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;margin-bottom:6px;text-shadow:0 2px 8px #000c;text-transform:uppercase}.design-title{color:#fff;font-family:var(--font-display);font-size:17px;font-weight:700;text-shadow:0 2px 10px #000000d9}.design-more{display:flex;justify-content:center;margin-top:40px}@media (max-width:960px){.design-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:600px){.design-grid{grid-template-columns:repeat(2,1fr)}}.contact-sub{color:var(--text-2);font-size:16px;margin-bottom:56px;margin-top:-8px;max-width:520px}.contact-layout{grid-gap:40px;align-items:start;display:grid;gap:40px;grid-template-columns:380px 1fr}.contact-info-card{background:var(--surface);border:1px solid var(--border);border-radius:4px;overflow:hidden;padding:36px;position:relative}.contact-info-card:before{background:linear-gradient(90deg,var(--accent),#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.info-label{color:var(--text-3);font-size:11px;letter-spacing:.15em;margin-bottom:12px;text-transform:uppercase}.contact-email,.info-label{font-family:var(--font-mono)}.contact-email{color:var(--accent);font-size:13px;transition:opacity .2s;word-break:break-all}.contact-email:hover{opacity:.7}.contact-divider{background:var(--border);height:1px;margin:28px 0}.social-list{display:flex;flex-direction:column;gap:2px}.social-item{align-items:center;border-radius:2px;display:flex;justify-content:space-between;padding:10px 12px;transition:background .2s}.social-item:hover{background:var(--bg-3)}.social-label{color:var(--text-2);font-size:14px}.social-handle{color:var(--accent);font-family:var(--font-mono);font-size:12px}.availability{align-items:center;display:flex;gap:10px}.avail-dot{background:#4ade80;border-radius:50%;flex-shrink:0;height:8px;width:8px}.avail-text{color:var(--text-2);font-family:var(--font-mono);font-size:12px}.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:8px}.form-field label{color:var(--text-3);font-family:var(--font-mono);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.form-field input,.form-field textarea{background:var(--surface);border:1px solid var(--border);border-radius:2px;color:var(--text);font-family:var(--font-body);font-size:15px;outline:none;padding:14px 16px;resize:none;transition:border-color .2s,box-shadow .2s}.form-field input::placeholder,.form-field textarea::placeholder{color:var(--text-3)}.form-field input:focus,.form-field textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.form-submit{align-self:flex-start;justify-content:center;min-width:180px}.form-status{color:var(--accent);font-family:var(--font-mono);font-size:13px}@media (max-width:900px){.contact-layout{grid-template-columns:1fr}}@media (max-width:600px){.form-row{grid-template-columns:1fr}.contact-info-card{padding:28px 24px}}.footer{background:var(--bg-2);border-top:1px solid var(--border);padding:40px 0 0}.footer-inner{flex-wrap:wrap;gap:40px;padding-bottom:40px}.footer-inner,.footer-left{align-items:center;display:flex}.footer-left{flex:1 1;gap:16px}.footer-copy{color:var(--text-3);font-size:13px}.footer-links{flex-wrap:wrap;gap:20px}.footer-links,.footer-links a{align-items:center;display:flex}.footer-links a{color:var(--text-3);justify-content:center;transition:color .2s,transform .2s}.footer-links a:hover{color:var(--accent);transform:translateY(-2px)}.footer-right{flex-shrink:0}.footer-made{color:var(--text-3);font-family:var(--font-mono);font-size:12px}.footer-bar{background:linear-gradient(90deg,var(--accent) 0,#0000 100%);height:3px}@media (max-width:768px){.footer-inner{gap:20px}.footer-inner,.footer-left{align-items:flex-start;flex-direction:column}.footer-left{gap:8px}}.back-to-top{align-items:center;background:var(--surface);border:1px solid var(--border-2);border-radius:50%;bottom:28px;color:var(--text);display:flex;height:44px;justify-content:center;opacity:0;position:fixed;right:28px;transform:translateY(10px);transition:opacity .25s ease,transform .25s ease,visibility .25s,border-color .2s,color .2s;visibility:hidden;width:44px;z-index:90}.back-to-top.visible{opacity:1;transform:translateY(0);visibility:visible}.back-to-top:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-3px)}@media (max-width:768px){.back-to-top{bottom:18px;height:40px;right:18px;width:40px}}
/*# sourceMappingURL=main.00151828.css.map*/