.navbar{background-color:#000;padding:15px 0;position:fixed;top:0;width:100%;z-index:1000}.nav__container{max-width:1200px;margin:0 auto;padding:0 40px 0 45px;display:flex;justify-content:space-between;align-items:center}.nav__logo{color:#fff;font-family:var(--font-neue-montreal);font-size:40px;font-weight:400;text-decoration:none;text-transform:uppercase;position:relative;transition:all .3s ease-in-out}.nav__logo:hover{-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#fff;animation:glitch .4s infinite}.nav__logo.active{text-shadow:0 0 10px rgba(255,255,255,.5);animation:glitch .4s infinite}.nav__menu{display:flex;list-style:none;margin:12px 0 0;padding:0;gap:32px}.nav__link{color:#fff;font-family:var(--font-pickyside);font-weight:400;text-decoration:none;text-transform:uppercase;font-size:50px;white-space:nowrap;position:relative;background-image:linear-gradient(to right,white,#7d7d7d 50%,#808080 50%);background-size:200% 100%;background-position:-100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;transition:all .3s ease-in-out}.nav__link:hover{background-position:0;background:transparent;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#fff;animation:glitch .4s infinite}.nav__link.active{background-position:0;background:transparent;-webkit-background-clip:unset;-webkit-text-fill-color:unset;background-clip:unset;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.5);animation:glitch .4s infinite}@media (max-width: 768px){.nav__container{padding:15px;gap:20px}.nav__logo{font-size:32px;margin:0;padding:12px 0;line-height:1;flex-shrink:0}.nav__menu{gap:12px;padding-top:10px;margin-top:0}.nav__link{font-size:38px;margin:0;font-family:var(--font-pickyside);line-height:1;white-space:nowrap}.nav__link:before{height:2px;bottom:-2px}.nav__link.active,.nav__logo.active{text-shadow:0 0 10px rgba(255,255,255,.5);animation:glitch .4s infinite}}@media (max-width: 600px){.nav__container{padding:0 16px;flex-wrap:wrap;gap:8px}.nav__logo{font-size:24px;margin:0;padding:10px 0;line-height:1;flex-basis:auto;flex-shrink:0}.nav__menu{flex-basis:auto;gap:12px;padding-top:8px;justify-content:center;flex-wrap:wrap;margin-top:0}.nav__link{font-size:30px;margin:0;font-family:var(--font-pickyside);line-height:1;white-space:nowrap;padding:0}.nav__link:before{height:2px;bottom:-2px}.nav__link.active,.nav__logo.active{text-shadow:0 0 10px rgba(255,255,255,.5);animation:glitch .4s infinite}}@media (max-width: 480px){.nav__container{padding:0 12px;flex-wrap:wrap;gap:4px;justify-content:center}.nav__logo{font-size:24px;margin:0;padding:12px 0;line-height:1;flex-basis:100%;text-align:center;flex-shrink:0}.nav__menu{flex-basis:100%;gap:30px;padding:0;justify-content:center;flex-wrap:wrap;margin-top:0}.nav__link{font-size:40px;margin:0;font-family:var(--font-pickyside);line-height:1;white-space:nowrap;padding:0}.nav__link:before{height:2px;bottom:-2px}.nav__link.active,.nav__logo.active{text-shadow:0 0 10px rgba(255,255,255,.5);animation:glitch .4s infinite}}@media (max-width: 360px){.nav__container{padding:0 8px;flex-wrap:wrap;gap:2px;justify-content:center}.nav__logo{font-size:18px;padding:6px 0;margin:0;flex-basis:100%;text-align:center}.nav__menu{flex-basis:100%;gap:17px;padding-top:10px;justify-content:center;flex-wrap:wrap}.nav__link{font-size:30px;padding:0;gap:5px;margin:0}}.home__container{height:100vh;display:flex;align-items:center;justify-content:center;text-align:center;background-image:url(/assets/greekAngelStatue-0d9b7fb4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;color:#000}.intro{max-width:800px}.head__line{font-family:var(--font-pickyside);font-size:135px;font-weight:700;margin-bottom:8px}.sub-head__line{font-family:var(--font-neue-montreal);font-size:32px;font-weight:700;margin-bottom:16px}.tagline{font-family:var(--font-neue-montreal);font-size:19px;font-weight:700;line-height:1.3;padding-bottom:150px}@media (max-width: 768px){.head__line{margin-top:210px}.sub-head__line{margin-bottom:40px}}@media (max-width: 600px){.head__line{margin-top:210px}.sub-head__line{margin-bottom:40px}}@media (max-width: 480px){.head__line{margin-top:210px}}@media (max-width: 360px){.head__line{margin-top:210px}.sub-head__line{margin-bottom:40px}}.scroll-animation-container{width:100%;overflow:hidden;background:rgba(255,255,255,.5);padding:32px 0;margin:32px 0;position:relative}.scroll-animation-container:before,.scroll-animation-container:after{content:"";position:absolute;top:0;width:120px;height:100%;z-index:10;pointer-events:none}.scroll-animation-container:before{left:0;background:linear-gradient(90deg,rgba(255,255,255,1),transparent)}.scroll-animation-container:after{right:0;background:linear-gradient(270deg,rgba(255,255,255,1),transparent)}.scroll-track{display:flex;gap:24px;animation:scroll 40s linear infinite;width:fit-content;padding:0 24px}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.scroll-animation-container:hover .scroll-track{animation-play-state:paused}.scroll-item{display:flex;align-items:center;justify-content:center;min-width:250px;height:250px;border-radius:16px;overflow:hidden;box-shadow:0 8px 24px #0003;transition:all .3s ease;cursor:pointer;flex-shrink:0}.scroll-item:hover{transform:scale(1.08);box-shadow:0 16px 40px #00000059}.scroll-image{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease}.scroll-item:hover .scroll-image{transform:scale(1.05)}@media (max-width: 768px){.scroll-animation-container{padding:24px 0;margin:24px 0}.scroll-animation-container:before,.scroll-animation-container:after{width:80px}.scroll-item{min-width:180px;height:180px}.scroll-track{gap:16px;padding:0 16px}}@media (max-width: 480px){.scroll-animation-container{padding:16px 0;margin:16px 0}.scroll-animation-container:before,.scroll-animation-container:after{width:60px}.scroll-item{min-width:140px;height:140px}.scroll-track{gap:12px;padding:0 12px}}.about-github-stats{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:48px;max-width:800px;width:100%;margin-top:48px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 48px #fff;transition:all .3s ease}.about-github-stats:hover{background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.3);transform:translateY(-4px);box-shadow:0 8px 32px #fff0}.about-github-stats-title{font-family:var(--font-pickyside);font-size:50px;line-height:1;font-weight:700;color:#000;text-transform:uppercase;margin:0 0 24px;text-align:center}.about-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:24px}.about-stat{display:flex;flex-direction:column;align-items:center;gap:8px}.about-stat-number{font-family:var(--font-pickyside);font-size:36px;font-weight:700;color:#000}.about-stat-label{font-family:var(--font-neue-montreal);font-size:12px;font-weight:700;color:#000;text-transform:uppercase}.about-github-link{display:inline-block;width:100%;text-align:center;padding:12px 24px;background:rgba(255,255,255,.2);border:1px solid rgba(255,255,255,.3);border-radius:8px;color:#000;text-decoration:none;font-family:var(--font-neue-montreal);font-weight:700;font-size:18px;text-transform:uppercase;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.about-github-link:hover{background:rgba(255,255,255,.3);border:3px solid rgba(0,0,0,1);transform:translateY(-2px);box-shadow:0 8px 24px #00000026;animation:glitch .4s infinite}@media (max-width: 768px){.about-github-stats{padding:32px 24px;margin-top:32px}.about-github-stats-title{font-size:20px}.about-stats-grid{gap:16px}.about-stat-number{font-size:28px}.about-stat-label{font-size:11px}}@media (max-width: 480px){.about-github-stats{padding:24px 16px;margin-top:24px}.about-github-stats-title{font-size:18px;margin-bottom:20px}.about-stats-grid{grid-template-columns:repeat(3,1fr);gap:12px}.about-stat-number{font-size:24px}.about-stat-label{font-size:10px}.about-github-link{padding:10px 16px;font-size:12px}}.about{padding:96px 32px 32px;min-height:100vh;background-image:url(/assets/greekAngelStatue-0d9b7fb4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.about-container{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center}.about h1{color:#000;margin-bottom:32px;margin-top:75px;text-align:center;text-transform:uppercase;font-family:var(--font-pickyside);font-size:130px;font-weight:700}.about-card{background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:16px;text-transform:uppercase;padding:48px;max-width:800px;width:100%;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 16px 48px #fff;transition:all .3s ease}.about-card:hover{background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.3);transform:translateY(-4px);box-shadow:0 8px 32px #fff0}.about-paragraph{margin-bottom:1.5rem}.about-paragraph p{font-family:var(--font-neue-montreal);font-size:16px;line-height:1.8;color:#000}.paragraph-spacer{height:1rem}.about-github-stats-title{font-size:50px;margin-bottom:20px}.about-stat-number{font-size:50px}@media (max-width: 768px){.about{padding:80px 16px 16px}.about h1{font-size:88px;margin-bottom:24px;margin-top:80px}.about-card{padding:32px 24px;max-width:100%;background:rgba(255,255,255,.12)}.about-card:hover{background:rgba(255,255,255,.18)}.about-github-stats{gap:10px}.github-stat{font-size:20px;padding:8px 14px}}@media (max-width: 600px){.about{padding:70px 14px 14px}.about h1{font-size:88px;margin-bottom:20px;margin-top:80px}.about-card{padding:28px 20px;background:rgba(255,255,255,.11)}.about-card:hover{background:rgba(255,255,255,.16)}.about-github-stats{gap:8px}.github-stat{font-size:20px;padding:7px 12px}}@media (max-width: 480px){.about{padding:60px 12px 12px}.about h1{font-size:88px;margin:80px 53px 34px}.about-card{padding:24px 16px;background:rgba(255,255,255,.1)}.about-card:hover{background:rgba(255,255,255,.15)}.about-github-stats{gap:6px}.github-stat{font-size:20px;padding:6px 10px;border-radius:16px}}@media (max-width: 360px){.about{padding:55px 10px 10px}.about h1{font-size:88px;margin:80px 40px 24px}.about-card{padding:20px 14px;border-radius:12px;background:rgba(255,255,255,.09)}.about-card:hover{background:rgba(255,255,255,.14)}.about-github-stats{gap:4px}.github-stat{font-size:9px;padding:5px 8px;border-radius:14px}}.my__work{padding:96px 32px 32px;min-height:100vh;background-image:url(/assets/greekAngelStatue-0d9b7fb4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.my__work-container{max-width:1200px;margin:0 auto}.my__work h1{color:#000;margin-bottom:32px;margin-top:75px;text-align:center;text-transform:uppercase;font-family:var(--font-pickyside);font-size:130px;font-weight:700}.my__work-intro{font-size:18px;line-height:1.6;text-align:center;text-transform:uppercase;color:#000;margin-bottom:48px}.projects-grid{display:flex;flex-direction:column;gap:48px;align-items:center}.project-card{background:rgba(255,255,255,.5);border-radius:12px;overflow:hidden;max-width:600px;width:100%;box-shadow:0 8px 32px #0000005e;transition:transform .3s ease,box-shadow .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2)}.project-card:hover{transform:translateY(-8px);box-shadow:0 16px 48px #0000004d;background:rgba(255,255,255,.5);border:3px solid rgba(255,255,255,.3)}.project-image{position:relative;width:100%;height:250px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-card:hover .project-image img{transform:scale(1.05)}.project-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease}.project-card:hover .project-overlay{opacity:1}.project-links{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}.project-link{background:white;color:#282c34;padding:10px 18px;text-decoration:none;border-radius:6px;font-family:var(--font-neue-montreal);font-weight:700;text-transform:uppercase;transition:all .3s ease;font-size:12px;min-width:80px;text-align:center}.project-link:hover{background:#f0f0f0;transform:translateY(-2px)}.project-content{padding:32px}.project-title{font-family:var(--font-neue-montreal);font-size:35px;font-weight:700;color:#282c34;margin-bottom:16px;text-transform:uppercase}.project-description{font-family:var(--font-neue-montreal);font-size:16px;line-height:1.6;color:#666;margin-bottom:24px}.tech-stack{margin-top:24px;cursor:pointer}.tech-stack-title{font-family:var(--font-neue-montreal);font-size:14px;font-weight:700;color:#282c34;margin-bottom:12px;text-transform:uppercase}.tech-tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.tech-tag{background:#f0f0f0;color:#282c34;padding:6px 12px;border-radius:20px;font-family:var(--font-neue-montreal);font-size:12px;font-weight:700;text-transform:uppercase;transition:background .3s ease}.tech-tag:hover{background:#e0e0e0}.github-stats{margin-top:32px;padding-top:24px;border-top:1px solid #e0e0e0}.github-stats-title{font-family:var(--font-neue-montreal);font-size:14px;font-weight:700;color:#282c34;margin-bottom:12px;text-transform:uppercase}.github-stat-items{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;cursor:pointer}.github-stat{font-family:var(--font-neue-montreal);text-transform:uppercase;font-size:13px;font-weight:700;color:#555;background:#f5f5f5;padding:8px 14px;border-radius:20px;display:inline-block;transition:background .3s ease}.github-stat:hover{background:#e8e8e8}.work-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-top:2rem}.project-stats{display:flex;gap:1rem;margin:.5rem 0;font-size:.9rem;color:#ffffffb3}@media (max-width: 768px){.my__work{padding:80px 16px 16px}.my__work h1{font-size:88px;margin-bottom:24px;margin-top:80px}.project-card{padding:32px 24px}.project-title{font-size:28px}.project-description{font-size:14px}}@media (max-width: 600px){.my__work{padding:70px 14px 14px}.my__work h1{font-size:60px;margin-bottom:20px;margin-top:80px}.project-card{padding:28px 20px}.project-title{font-size:24px}.project-description{font-size:13px}.project-image{height:200px}}@media (max-width: 480px){.my__work{padding:60px 12px 12px}.my__work h1{font-size:88px;margin:80px 53px 34px}.project-card{padding:24px 16px}.project-title{font-size:22px;margin-bottom:12px}.project-description{font-size:12px;line-height:1.5}.project-image{height:180px}.project-link{padding:10px 14px;font-size:11px;min-width:70px}.tech-tags{gap:6px}.tech-tag{padding:4px 10px;font-size:11px}}@media (max-width: 360px){.my__work{padding:55px 10px 10px}.my__work h1{font-size:88px;margin:80px 40px 24px}.project-card{padding:20px 14px}.project-title{font-size:20px}.project-description{font-size:11px}.project-image{height:160px}.project-links{flex-direction:column;gap:8px}.project-link{text-align:center;padding:12px 16px;font-size:10px;min-width:100%}.tech-tags{gap:4px}.tech-tag{padding:3px 8px;font-size:10px}.github-stat{font-size:11px;padding:6px 12px}}.contact-form{display:flex;flex-direction:column;gap:24px;max-width:600px;margin:0 auto}.form-group{display:flex;flex-direction:column;gap:8px}.form-label{font-family:var(--font-neue-montreal);font-size:18px;line-height:1;font-weight:700;color:#000;text-transform:uppercase}.form-input,.form-textarea{font-family:var(--font-neue-montreal);font-size:16px;text-transform:uppercase;padding:12px 16px;border:3px solid rgba(255,255,255,.2);border-radius:8px;background:rgba(255,255,255,.2);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#00000096;transition:all .3s ease}.form-input::placeholder,.form-textarea::placeholder{color:#363636}.form-input:focus,.form-textarea:focus{outline:3px solid rgba(0,0,0,1);outline-offset:2px;background:rgba(0,0,0,.281);box-shadow:0 0 0 3px #000;color:#000}.form-input:disabled,.form-textarea:disabled{opacity:.6;cursor:not-allowed}.form-input.error,.form-textarea.error{border:2px solid rgba(255,0,116,1);background:rgba(211,47,47,.05);color:#000}.error-message{font-family:var(--font-neue-montreal);font-size:13px;text-transform:uppercase;color:#c9085f;font-weight:600}.error-alert{background:rgba(211,47,47,.1);border:2px solid rgb(226,10,108);border-radius:8px;padding:12px 16px;color:#e20a6c;font-family:var(--font-neue-montreal);text-transform:uppercase;font-size:14px;font-weight:600}.success-alert{background:rgba(255,255,255,.2);border:2px solid #3bac06;border-radius:8px;padding:12px 16px;color:#000;text-transform:uppercase;font-family:var(--font-neue-montreal);font-size:14px;font-weight:600}.submit-button{padding:14px 32px;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.3);border-radius:8px;color:#000;font-family:var(--font-neue-montreal);font-size:20px;font-weight:700;text-transform:uppercase;cursor:pointer;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);outline:none;margin-bottom:150px}button:hover:not(:disabled){outline:none}.submit-button:focus{outline:3px solid rgba(0,0,0,1);outline-offset:2px}.submit-button:hover:not(:disabled){background:rgba(255,255,255,.3);border:3px solid rgba(0,0,0,1);transform:translateY(-2px);box-shadow:0 8px 24px #00000026;transition:all .3s ease;animation:glitch .4s infinite}.submit-button:disabled{opacity:.6;cursor:not-allowed}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@keyframes glitch{0%{text-shadow:-2px 0 #ff00de,2px 0 #3bac06;transform:translate(0)}20%{text-shadow:-2px 0 #ff00de,2px 0 #3bac06;transform:translate(-2px)}40%{text-shadow:-2px 0 #3bac06,2px 0 #ff00de;transform:translate(2px)}60%{text-shadow:-2px 0 #ff00de,2px 0 #3bac06;transform:translate(-2px)}80%{text-shadow:-2px 0 #3bac06,2px 0 #ff00de;transform:translate(2px)}to{text-shadow:-2px 0 #ff00de,2px 0 #3bac06;transform:translate(0)}}@media (max-width: 768px){.contact-form{gap:20px}.form-input,.form-textarea{padding:10px 14px;font-size:14px}.contact__form-title{font-size:88px}}@media (max-width: 600px){.contact-form{gap:20px}.form-label{font-size:16px}.form-input,.form-textarea{padding:10px 14px;font-size:14px}.submit-button{padding:12px 28px;font-size:16px}.contact__form-title{font-size:60px}}@media (max-width: 480px){.contact-form{gap:16px}.form-label{font-size:12px}.form-input,.form-textarea{padding:8px 12px;font-size:13px}.submit-button{padding:12px 24px;font-size:12px}.error-message{font-size:11px}.error-alert,.success-alert{font-size:12px;padding:10px 14px}.contact__form-title{font-size:50px}}@media (max-width: 360px){.contact-form{gap:14px;max-width:95%}.form-label{font-size:11px}.form-input,.form-textarea{padding:8px 10px;font-size:12px;border-radius:6px}.submit-button{padding:10px 20px;font-size:11px}.error-message{font-size:10px}.error-alert,.success-alert{font-size:11px;padding:8px 12px;border-radius:6px}.contact__form-title{font-size:42px}}.contact{padding:96px 32px 32px;min-height:100vh;background-image:url(/assets/greekAngelStatue-0d9b7fb4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.contact__container{max-width:1200px;margin:0 auto;text-align:center}.contact h1{color:#000;margin-bottom:10px;margin-top:75px;text-align:center;text-transform:uppercase;font-family:var(--font-pickyside);font-size:125px;font-weight:700}.contact__intro{font-size:18px;line-height:1;text-align:center;text-transform:uppercase;color:#000;margin-bottom:48px;font-family:var(--font-neue-montreal)}.contact__links{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:800px;margin:0 auto;padding-right:15px}.contact__link{align-items:center;background:rgba(255,255,255,.4);border-radius:12px;padding:24px;text-decoration:none;color:#000;transition:all .3s ease;box-shadow:0 8px 32px #000000b3;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:3px solid rgba(255,255,255,.5)}.contact__link:hover{background:rgba(255,255,255,.3);border:3px solid rgba(255,255,255,.3);transform:translateY(-4px);box-shadow:0 16px 48px #0006}.contact__icon{width:32px;height:32px;margin-right:16px;flex-shrink:0;display:flex;align-items:center;justify-content:center}.contact__icon img{width:100%;height:100%;object-fit:contain}.contact__link-content{text-align:left;flex:1}.contact__link-name{font-family:var(--font-pickyside);font-size:40px;font-weight:700;margin:8px 0;text-transform:uppercase;color:#000}.contact__link-description{font-family:var(--font-neue-montreal);text-transform:uppercase;font-size:18px;margin:0;color:gray;line-height:1.4}.contact__link-description:hover{color:#000}.contact__form-section{margin-top:64px;border-top:1px solid rgba(255,255,255,.2)}.contact__form-title{text-align:center;font-family:var(--font-pickyside);font-size:125px;font-weight:700;color:#000;text-transform:uppercase}@media (max-width: 768px){.contact{padding:80px 16px 16px}.contact h1{font-size:88px;margin-bottom:24px;margin-top:80px}.contact__form-title{font-size:88px;line-height:1}}@media (max-width: 600px){.contact{padding:70px 14px 14px}.contact h1{font-size:88px;margin-bottom:20px;margin-top:80px}.contact__form-title{font-size:88px}}@media (max-width: 480px){.contact{padding:60px 12px 12px}.contact h1{font-size:88px;line-height:1;margin:80px 53px 34px;padding-top:30px}.contact__form-title{font-size:88px;line-height:1}}@media (max-width: 360px){.contact{padding:55px 10px 10px}.contact h1{font-size:88px;margin:80px 40px 24px;padding-top:30px}.contact__form-title{font-size:88px;line-height:1}}.not-found{display:flex;align-items:center;justify-content:center;min-height:100vh;background-image:url(/assets/greekAngelStatue-0d9b7fb4.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:96px 32px 32px}.not-found__container{text-align:center;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.2);border-radius:16px;padding:64px 48px;max-width:600px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.not-found__title{font-family:var(--font-pickyside);font-size:120px;font-weight:700;color:#000;margin:0 0 16px}.not-found__text{font-family:var(--font-neue-montreal);font-size:24px;font-weight:700;text-transform:uppercase;color:#000;margin:0 0 32px}.not-found__link{display:inline-block;padding:14px 32px;background:rgba(255,255,255,.2);border:3px solid rgba(255,255,255,.3);border-radius:8px;color:#000;font-family:var(--font-neue-montreal);font-size:16px;font-weight:700;text-transform:uppercase;text-decoration:none;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.not-found__link:hover{background:rgba(255,255,255,.3);border:3px solid rgba(0,0,0,1);transform:translateY(-2px);box-shadow:0 8px 24px #00000026;animation:glitch .4s infinite}@media (max-width: 768px){.not-found{padding:80px 16px 16px}.not-found__container{padding:48px 32px}.not-found__title{font-size:88px}.not-found__text{font-size:20px}.not-found__link{font-size:14px;padding:12px 28px}}@media (max-width: 600px){.not-found{padding:70px 14px 14px}.not-found__container{padding:40px 24px}.not-found__title{font-size:72px}.not-found__text{font-size:18px}.not-found__link{font-size:14px;padding:12px 24px}}@media (max-width: 480px){.not-found{padding:60px 12px 12px}.not-found__container{padding:32px 20px}.not-found__title{font-size:60px}.not-found__text{font-size:16px}.not-found__link{font-size:12px;padding:10px 20px}}@media (max-width: 360px){.not-found{padding:55px 10px 10px}.not-found__container{padding:28px 16px}.not-found__title{font-size:50px}.not-found__text{font-size:14px}.not-found__link{font-size:11px;padding:8px 16px}}@keyframes glitch{0%{text-shadow:-2px 0 #ff00ff,2px 0 #00ff00;transform:translate(0)}20%{text-shadow:-2px 0 #ff00ff,2px 0 #00ff00;transform:translate(-2px)}40%{text-shadow:-2px 0 #00ff00,2px 0 #ff00ff;transform:translate(2px)}60%{text-shadow:-2px 0 #ff00ff,2px 0 #00ff00;transform:translate(-2px)}80%{text-shadow:-2px 0 #00ff00,2px 0 #ff00ff;transform:translate(2px)}to{text-shadow:-2px 0 #ff00ff,2px 0 #00ff00;transform:translate(0)}}.footer{background-color:#1a1a1a;color:#fff;text-align:center;padding:20px 0;margin-top:auto;border-top:1px solid #333;font-family:var(--font-neue-montreal)}.footer p{margin:0;font-size:18px;opacity:.8;text-transform:uppercase}#root{display:flex;flex-direction:column;min-height:100vh}@font-face{font-family:NeueMontreal;src:url(/assets/NeueMontreal-Bold-5f096114.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:CSBlacken;src:url(./fonts/CsBlackenDemoRegular-ov1Oo.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Pickyside;src:url(/assets/PickysideRegular-vn7w4-2ffa5726.otf) format("opentype");font-weight:400;font-style:normal;font-display:swap}:root{--font-neue-montreal: "NeueMontreal", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif;--font-cs-blacken: "CSBlacken", Georgia, "Times New Roman", Times, serif;--font-pickyside: "Pickyside", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", sans-serif}:root{font-family:var( --font-neue-montreal, Inter, system-ui, Avenir, Helvetica, Arial, sans-serif );line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}*{margin:0;padding:0;box-sizing:border-box}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh;color:#000}#root{width:100%;margin:0 auto;text-align:center}h1{font-size:51px;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:10px 19px;font-size:16px;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s}button:hover{border-color:#000}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#000;background-color:#fff}button{background-color:#f9f9f9}}
