:root{--font-primary:"Montserrat",Arial,Helvetica,sans-serif;--font-pixel:"Press Start 2P","Courier New",Courier,monospace;--font-vt323:"VT323","Courier New",Courier,monospace;--font-datatype:"Datatype","Courier New",Courier,monospace;--font-mono:source-code-pro,Menlo,Monaco,Consolas,"Courier New",monospace}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;box-sizing:border-box;font-synthesis:none;margin:0 auto;max-width:100%;min-height:100vh;overflow-x:hidden;padding:0;text-rendering:optimizeLegibility;width:100%}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}#root,body{background:linear-gradient(135deg,#e8eaf0,#f5f6fa 50%,#dde3ee);min-height:100vh}.nav-backdrop{backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);background:#0000008c;inset:0;position:fixed;z-index:998}.nav-hamburger{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0e0e16e0;border:1px solid #ffffff2e;border-radius:50%;bottom:24px;box-shadow:0 4px 24px #00000073;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;position:fixed;right:24px;transition:background .2s ease,transform .2s ease;width:50px;z-index:1001}.nav-hamburger:hover{background:#1e1e2ef5;transform:scale(1.07)}.dropdown-menu-options{align-items:stretch;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#0a0a12eb;border:1px solid #ffffff21;border-radius:24px;bottom:88px;box-shadow:0 8px 40px #00000080;box-sizing:border-box;display:flex;flex-direction:column;left:50%;max-width:420px;opacity:0;padding:10px 8px;pointer-events:none;position:fixed;transform:translateX(-50%) translateY(12px);transition:opacity .22s ease,transform .22s ease;width:calc(100% - 40px);z-index:1000}.dropdown-menu-options.nav-open{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.dropdown-item{background:#0000;border:none;border-radius:16px;color:#dde3ee;cursor:pointer;font-family:var(--font-vt323);font-size:1.5rem;font-weight:700;letter-spacing:.04em;padding:12px 20px;position:relative;text-align:center;text-shadow:0 1px 2px #fffc;transition:background .2s ease,color .2s ease,transform .15s ease;z-index:2}.dropdown-item:hover{background:#ffffff12}.dropdown-item:after{background:linear-gradient(90deg,#ffffff8c,#ffffffe6);border-radius:2px;bottom:6px;content:"";height:2px;left:10%;position:absolute;transition:width .4s cubic-bezier(.4,0,.2,1);width:0}.dropdown-item:hover:after{width:80%}@media (min-width:992px){.nav-hamburger{display:none}.dropdown-menu-options{align-items:center;backdrop-filter:none;-webkit-backdrop-filter:none;background:#0000;border:none;bottom:28px;box-shadow:none;flex-direction:row;gap:10px;justify-content:center;max-width:1000px;min-width:600px;opacity:1;padding:12px 16px;pointer-events:auto;transform:translateX(-50%);width:auto}.dropdown-item{font-size:1.75rem;padding:8px 20px}.logo-center{padding-bottom:120px}}.landing-wrapper{position:relative}.landing-bg{transition:transform .06s linear}.landing-overlay{background:linear-gradient(180deg,#00000080,#00000061 50%,#0009)}.landing-section{align-items:center;display:flex;height:100vh;justify-content:center;overflow:hidden;position:-webkit-sticky;position:sticky;top:0}.landing-hero-section{z-index:1}.landing-content-section{background:#08080ef5;box-shadow:0 -24px 80px #000000bf}#about{z-index:2}#services{z-index:3}#portfolio{z-index:4}#skills{z-index:5}#contact{z-index:6}.landing-hero-text{left:50%;max-width:900px;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:90%;will-change:transform,opacity}.landing-tagline{margin:16px 0 0}.landing-scroll-hint{margin-top:40px}.landing-section-inner{box-sizing:border-box;color:#fff;max-height:100vh;max-width:920px;overflow-y:auto;padding:48px 28px 110px;scrollbar-width:none;width:100%}.landing-section-inner::-webkit-scrollbar{display:none}.landing-section-heading{font-family:var(--font-vt323),monospace;font-size:clamp(2.4rem,6vw,4rem);letter-spacing:.05em;margin:0 0 28px;text-shadow:0 2px 16px #00000080}.landing-about-subheading{font-family:var(--font-primary),sans-serif;font-size:clamp(1.05rem,2.2vw,1.25rem);font-weight:700;letter-spacing:.03em;margin:36px 0 12px;opacity:1}.landing-about-subheading:first-child{margin-top:0}.landing-about-text p{font-family:var(--font-primary),sans-serif;font-size:clamp(1rem,2vw,1.12rem);line-height:1.85;margin:0 0 22px;opacity:.85}.landing-about-text p:last-child{margin-bottom:0}.landing-about-list{list-style:none;margin:0 0 22px;padding:0}.landing-about-list li{font-family:var(--font-primary),sans-serif;font-size:clamp(1rem,2vw,1.12rem);line-height:1.85;margin-bottom:10px;opacity:.85;padding-left:1.4em;position:relative}.landing-about-list li:before{content:"→";left:0;opacity:.6;position:absolute}.landing-about-photos{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(3,1fr);margin:24px 0 32px}.landing-about-photo{aspect-ratio:1/1;border-radius:8px;display:block;object-fit:cover;width:100%}@media (max-width:600px){.landing-about-photos{grid-template-columns:1fr}}.landing-services-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:1fr 1fr}.landing-service-item{backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:18px;padding:24px 26px;transition:background .2s ease,transform .2s ease}.landing-service-item:hover{background:#ffffff17;transform:translateY(-3px)}.landing-service-item h3{font-family:var(--font-vt323),monospace;font-size:1.45rem;letter-spacing:.04em;margin:0 0 10px}.landing-service-item p{font-family:var(--font-primary),sans-serif;font-size:.93rem;line-height:1.65;margin:0;opacity:.78}.landing-portfolio-grid{grid-gap:18px;display:grid;gap:18px;grid-template-columns:repeat(3,1fr)}.landing-portfolio-item{background:#ffffff0a;border:1px solid #ffffff1a;border-radius:18px;display:flex;flex-direction:column;overflow:hidden;transition:transform .25s ease}.landing-portfolio-item:hover{transform:translateY(-4px)}.landing-portfolio-thumb{align-items:center;background:#0000004d;display:flex;height:200px;justify-content:center;overflow:hidden}.landing-portfolio-img{display:block;height:100%;object-fit:cover;width:100%}.landing-portfolio-img--contain{object-fit:contain;padding:16px}.landing-portfolio-item h3{font-family:var(--font-vt323),monospace;font-size:1.2rem;letter-spacing:.03em;margin:14px 18px 6px}.landing-portfolio-item p{flex:1 1;font-family:var(--font-primary),sans-serif;font-size:.88rem;line-height:1.6;margin:0 18px 12px;opacity:.72}.landing-portfolio-btn{align-self:flex-start;background:#ffffff1a;border:1px solid #ffffff40;border-radius:8px;color:#fff;display:inline-block;font-family:var(--font-primary),sans-serif;font-size:.82rem;letter-spacing:.08em;margin:0 18px 18px;padding:8px 22px;text-decoration:none;text-transform:uppercase;transition:background .2s ease,border-color .2s ease}.landing-portfolio-btn:hover{background:#fff3;border-color:#ffffff80}.landing-skills-grid{display:flex;flex-direction:column;gap:16px}.landing-skill-row{display:flex;flex-direction:column;gap:6px}.landing-skill-label{font-family:var(--font-primary),sans-serif;font-size:.82rem;letter-spacing:.1em;opacity:.7;text-transform:uppercase}.landing-skill-bar{background:#ffffff1a;border-radius:4px;height:5px;overflow:hidden}.landing-skill-fill{background:linear-gradient(90deg,#ffffff73,#ffffffe6);border-radius:4px;height:100%}@media (max-width:640px){.landing-portfolio-grid,.landing-services-grid{grid-template-columns:1fr}.landing-portfolio-thumb{height:180px}.landing-section-inner{padding:36px 20px 100px}}.landing-bg-container{inset:0;overflow:hidden;pointer-events:none;position:fixed;z-index:0}.landing-bg{background-position:50%;background-repeat:no-repeat;background-size:cover;height:130%;inset:-15%;position:absolute;transform:scale(1);transform-origin:center center;transition:transform .08s linear;width:130%;will-change:transform}.landing-overlay{background:linear-gradient(180deg,#0000008c,#00000073 50%,#000000a6);inset:0;position:absolute}.landing-content{padding-bottom:140px;position:relative;z-index:1}.landing-hero-text{align-items:center;color:#fff;display:flex;flex-direction:column;gap:12px;height:100vh;justify-content:center;padding:0 24px;text-align:center}.landing-hero-heading{font-family:var(--font-vt323),monospace;font-size:clamp(3.5rem,10vw,8rem);letter-spacing:.06em;line-height:1;margin:0;text-shadow:0 2px 24px #000000b3,0 0 80px #ff505040}.landing-tagline{font-size:clamp(.85rem,2.5vw,1.2rem);letter-spacing:.25em;margin:0;opacity:.8}.landing-scroll-hint,.landing-tagline{font-family:var(--font-primary),sans-serif;text-transform:uppercase}.landing-scroll-hint{animation:landingBounce 2s ease-in-out infinite;color:#fff;display:inline-block;font-size:.8rem;letter-spacing:.15em;margin-top:32px;opacity:.5}@keyframes landingBounce{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:.85;transform:translateY(8px)}}.scroll-to-top{align-items:center;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);background:#0e0e16e0;border:1px solid #ffffff2e;border-radius:50%;bottom:24px;box-shadow:0 4px 24px #00000073;color:#fff;cursor:pointer;display:flex;height:50px;justify-content:center;opacity:0;pointer-events:none;position:fixed;right:24px;transform:translateY(8px);transition:opacity .25s ease,transform .25s ease,background .2s ease;width:50px;z-index:1001}.scroll-to-top--visible{opacity:1;pointer-events:auto;transform:translateY(0)}.scroll-to-top:hover{background:#1e1e2ef5;transform:scale(1.07)}.landing-contact-tagline{font-family:var(--font-primary),sans-serif;font-size:clamp(1rem,2.2vw,1.2rem);line-height:1.6;margin:0 0 40px;opacity:.72}.landing-contact-list{display:flex;flex-direction:column;gap:22px}.landing-contact-item{align-items:center;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1f;border-radius:16px;color:#fff;display:flex;font-family:var(--font-primary),sans-serif;font-size:clamp(.95rem,2vw,1.1rem);gap:18px;letter-spacing:.03em;padding:20px 28px;text-decoration:none;transition:background .2s ease,transform .2s ease,border-color .2s ease}.landing-contact-item:hover{background:#ffffff1a;border-color:#ffffff4d;transform:translateX(4px)}.landing-contact-icon{flex-shrink:0;height:26px;opacity:.85;width:26px}@media (min-width:768px){.landing-card{padding:40px 52px}}
/*# sourceMappingURL=main.cc599931.css.map*/