@import url("https://fonts.googleapis.com/css2?family=Meow+Script&display=swap");@import url("https://fonts.googleapis.com/css2?family=Pacifico&display=swap");@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Playfair+Display:ital@1&display=swap");@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@300&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300&display=swap");*,body,html{margin:0;padding:0;box-sizing:border-box}body,html{background-color:#000;overflow-x:hidden;overflow-y:auto;height:auto;min-height:100%;--gradient-color-1:#000;--gradient-color-2:#000;--gradient-color-3:#3f3f3f;--gradient-color-4:#000;&::-webkit-scrollbar{display:none}-ms-overflow-style:none;scrollbar-width:none}*{box-sizing:inherit}#gradient-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.main-content{flex-direction:column;position:relative;z-index:1}.hero-section,.main-content{width:100%;display:flex;align-items:center}.hero-section{min-height:100vh;flex-direction:row;justify-content:center;gap:4rem;padding:2rem;max-width:1400px;margin:0 auto}@media (max-width:1100px){.hero-section{flex-direction:column;height:auto;padding-top:8rem;gap:2rem}}@font-face{font-family:Osaka-re;src:url(/fonts/osaka-re.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.meow-script-regular{font-family:Meow Script,cursive;font-weight:400;font-style:normal}.aaryn-text{font-size:clamp(3rem,8vw,8rem);font-weight:300;color:#fff;text-shadow:0 0 40px hsla(0,0%,100%,.2);text-align:left;flex-shrink:0;position:relative;z-index:10;display:flex;min-width:400px;transition:font-family .5s ease}.letter{display:inline-block;opacity:0;transform:translateY(10px) rotateX(-90deg);animation:spellOut .6s cubic-bezier(.23,1,.32,1) forwards}@keyframes spellOut{to{opacity:1;transform:translateY(0) rotateX(0deg)}}.card-container{flex:1 1;max-width:800px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-container{display:flex;justify-content:center;align-items:center;padding:2rem;margin-top:2rem}.horizontal-card{position:relative;width:100%;max-width:900px;min-height:300px;height:auto;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px rgba(0,0,0,.3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.1);animation:slideInUp .8s ease-out .5s both}.card-background{position:absolute;top:0;left:0;right:0;bottom:0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);z-index:1}.card-content{position:relative;z-index:3;display:flex;flex-direction:row-reverse;justify-content:space-between;align-items:center;padding:2rem;gap:2rem}.card-text{flex:1 1;color:#fff}.card-header-with-buttons{display:flex;align-items:center;justify-content:space-between;margin-bottom:.5rem;gap:1rem}.card-title{font-size:1.5rem;font-weight:700;margin-bottom:0;color:#fff;text-shadow:0 2px 4px rgba(0,0,0,.5);white-space:nowrap}.card-buttons{display:flex;gap:.75rem;flex-wrap:nowrap}.card-button{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:10px;font-size:.75rem;font-weight:500;color:#fff;text-decoration:none;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .3s ease;white-space:nowrap}@media (max-width:600px){.card-header-with-buttons{flex-direction:column;align-items:flex-start;gap:.75rem}}.card-button:hover{background:hsla(0,0%,100%,.1);border-color:hsla(0,0%,100%,.2);transform:translateY(-2px);box-shadow:0 5px 15px rgba(0,0,0,.2)}.card-button .button-icon{font-size:1.1rem}.card-button.discord:hover{color:#5865f2;border-color:rgba(88,101,242,.4)}.card-button.github:hover{color:#fff;background:hsla(0,0%,100%,.15)}.tech-icons{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.tech-icon{gap:.25rem;padding:.25rem .5rem;font-size:.7rem;font-weight:500;text-shadow:0 1px 2px rgba(0,0,0,.5);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);transition:all .2s ease;cursor:default}.tech-icon,.tech-icon .icon{display:flex;align-items:center;color:hsla(0,0%,100%,.9)}.tech-icon .icon{justify-content:center;width:16px;height:16px;flex-shrink:0}.tech-icon .text{color:hsla(0,0%,100%,.9)}.tech-icon:hover{transform:translateY(-2px)}.tech-icon:hover .icon{color:#fff;transform:scale(1.1)}.card-image{align-self:center;width:140px;height:140px;border-radius:50%;overflow:hidden;border:2px solid hsla(0,0%,100%,.2);box-shadow:0 8px 16px rgba(0,0,0,.3)}.image-placeholder{width:100%;height:100%;background:linear-gradient(135deg,#000,#000);display:flex;align-items:center;justify-content:center;color:#fff;font-weight:600;font-size:.9rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.hidden{display:none!important}.discord-avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;transition:transform .2s ease}.discord-avatar:hover{transform:scale(1.05)}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}.projects-section{padding:8rem 2rem;max-width:900px;margin:0 auto;position:relative;z-index:2}.projects-title{font-size:3rem;font-weight:800;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.3);margin-bottom:1.5rem;text-align:center;letter-spacing:-.02em}.projects-description{font-size:1.2rem;color:hsla(0,0%,100%,.8);text-align:center;margin-bottom:5rem;line-height:1.6;max-width:600px;margin-left:auto;margin-right:auto}.projects-timeline{position:relative;display:flex;flex-direction:column;gap:4rem}.projects-timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,hsla(0,0%,100%,.2) 15%,hsla(0,0%,100%,.2) 85%,transparent);transform:translateX(-50%)}.project-card{position:relative;width:45%;background:hsla(0,0%,100%,.03);border:1px solid hsla(0,0%,100%,.1);border-radius:24px;padding:2.5rem;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);opacity:0;transform:translateY(40px) scale(.95);transition:all .8s cubic-bezier(.34,1.56,.64,1);box-shadow:0 10px 30px rgba(0,0,0,.1)}.project-card:nth-child(2n){align-self:flex-end}.project-card:nth-child(odd){align-self:flex-start}.project-card:after{content:"";position:absolute;top:50%;width:16px;height:16px;background:#fff;border-radius:50%;box-shadow:0 0 15px hsla(0,0%,100%,.5);z-index:5}.project-card:nth-child(odd):after{right:-10.5%;transform:translateY(-50%)}.project-card:nth-child(2n):after{left:-10.5%;transform:translateY(-50%)}.project-card.visible{opacity:1;transform:translateY(0) scale(1)}.project-card:hover{background:hsla(0,0%,100%,.08);border-color:hsla(0,0%,100%,.2);transform:translateY(-10px) scale(1.02);box-shadow:0 20px 40px rgba(0,0,0,.2)}.project-content{color:#fff}.project-title{font-size:1.5rem;font-weight:700;margin-bottom:.75rem;color:#fff}.project-timeline-date{display:block;font-size:.8rem;font-weight:600;color:hsla(0,0%,100%,.5);margin-bottom:.25rem;letter-spacing:.05em;text-transform:uppercase}.project-description{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:hsla(0,0%,100%,.7)}.project-tech{display:flex;gap:.75rem;flex-wrap:wrap}.tech-badge{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:100px;padding:.4rem 1rem;font-size:.75rem;font-weight:600;color:hsla(0,0%,100%,.9);transition:all .3s ease}.project-card:hover .tech-badge{background:hsla(0,0%,100%,.15);border-color:hsla(0,0%,100%,.3)}@media (max-width:900px){.projects-timeline:before{left:20px}.project-card{width:calc(100% - 60px);margin-left:60px!important;align-self:flex-start!important}.project-card:after{left:-54px!important;right:auto!important}}@media (max-width:768px){.card-container{padding:1rem}.horizontal-card{height:auto;max-width:100%;min-height:250px}.card-content{flex-direction:column;text-align:center;gap:1rem}.card-image{width:100px;height:100px}.card-title{font-size:1.3rem}.card-description{font-size:.85rem}.tech-icons{gap:.4rem}.tech-icon{font-size:.65rem;padding:.2rem .4rem}}@media (max-width:480px){.card-content{padding:1.5rem}.card-image{width:80px;height:80px}.card-title{font-size:1.2rem}.card-description{font-size:.8rem}.tech-icons{gap:.3rem}.tech-icon{font-size:.6rem;padding:.15rem .35rem}}.footer{width:100%;padding:2rem;margin-top:4rem;background:hsla(0,0%,100%,.02);border-top:1px solid hsla(0,0%,100%,.05);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);position:relative;z-index:2}.footer-content{max-width:1400px;margin:0 auto;justify-content:space-between;gap:2rem}.footer-content,.footer-left{display:flex;align-items:center}.footer-left{gap:.5rem}.copyright-text{font-size:.9rem;color:hsla(0,0%,100%,.6);font-weight:400}.footer-right{display:flex;gap:2rem}.footer-link{font-size:.9rem;color:hsla(0,0%,100%,.7);text-decoration:none;transition:all .3s ease;position:relative}.footer-link:hover{color:#fff}.footer-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1px;background:#fff;transition:width .3s ease}.footer-link:hover:after{width:100%}@media (max-width:768px){.footer-content{flex-direction:column;text-align:center;gap:1rem}.footer-right{gap:1.5rem}}.copyright-button{background:none;border:none;font-size:.9rem;color:hsla(0,0%,100%,.6);font-weight:400;cursor:pointer;padding:0;transition:all .3s ease}.copyright-button:hover{color:#fff;text-decoration:underline}.credits-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);z-index:1000;display:flex;align-items:center;justify-content:center;animation:fadeIn .3s ease}.credits-modal{background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.1);border-radius:20px;padding:2.5rem;max-width:400px;text-align:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,.5);animation:slideUp .4s cubic-bezier(.23,1,.32,1)}.credits-modal h3{font-size:1.8rem;font-weight:700;color:#fff;margin-bottom:1rem}.credits-modal p{font-size:1rem;color:hsla(0,0%,100%,.8);line-height:1.6;margin-bottom:1.5rem}.credits-name{color:#fff;font-weight:600;text-shadow:0 0 10px hsla(0,0%,100%,.3)}.credits-close{background:hsla(0,0%,100%,.1);border:1px solid hsla(0,0%,100%,.2);color:#fff;padding:.6rem 2rem;border-radius:10px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s ease}.credits-close:hover{background:hsla(0,0%,100%,.2);border-color:hsla(0,0%,100%,.3);transform:translateY(-2px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba9851c3c22cd980-s.woff2) format("woff2");unicode-range:U+0460-052f,U+1c80-1c8a,U+20b4,U+2de0-2dff,U+a640-a69f,U+fe2e-fe2f}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/21350d82a1f187e9-s.woff2) format("woff2");unicode-range:U+0301,U+0400-045f,U+0490-0491,U+04b0-04b1,U+2116}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/c5fe6dc8356a8c31-s.woff2) format("woff2");unicode-range:U+1f??}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/19cfc7226ec3afaa-s.woff2) format("woff2");unicode-range:U+0370-0377,U+037a-037f,U+0384-038a,U+038c,U+038e-03a1,U+03a3-03ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/df0a9ae256c0569c-s.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01a0-01a1,U+01af-01b0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1ea0-1ef9,U+20ab}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8e9860b6e62d6359-s.woff2) format("woff2");unicode-range:U+0100-02ba,U+02bd-02c5,U+02c7-02cc,U+02ce-02d7,U+02dd-02ff,U+0304,U+0308,U+0329,U+1d00-1dbf,U+1e00-1e9f,U+1ef2-1eff,U+2020,U+20a0-20ab,U+20ad-20c0,U+2113,U+2c60-2c7f,U+a720-a7ff}@font-face{font-family:__Inter_f367f3;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/e4af272ccee01ff0-s.p.woff2) format("woff2");unicode-range:U+00??,U+0131,U+0152-0153,U+02bb-02bc,U+02c6,U+02da,U+02dc,U+0304,U+0308,U+0329,U+2000-206f,U+20ac,U+2122,U+2191,U+2193,U+2212,U+2215,U+feff,U+fffd}@font-face{font-family:__Inter_Fallback_f367f3;src:local("Arial");ascent-override:90.20%;descent-override:22.48%;line-gap-override:0.00%;size-adjust:107.40%}.__className_f367f3{font-family:__Inter_f367f3,__Inter_Fallback_f367f3;font-style:normal}