.navbar{align-items:center;background-color:#fffffff2;box-shadow:0 2px 10px #0000000d;display:flex;justify-content:space-between;left:0;padding:.5rem 4rem;position:fixed;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%;z-index:1000}.navbar,body.dark-mode .navbar{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}body.dark-mode .navbar{background-color:#1a1a1af2;box-shadow:0 2px 10px #ffffff0d}.logo{cursor:pointer;height:50px;transition:transform .3s cubic-bezier(.4,0,.2,1);width:50px}.logo:hover{transform:rotate(1turn) scale(1.1)}.menu-toggle-container{align-items:center;display:flex;gap:1rem}.menu-button{background:none;border:none;color:#000;cursor:pointer;display:block;font-size:1.8rem;transition:color .3s ease}body.dark-mode .menu-button{color:#fff}@media (max-width:768px){.menu-button{display:block}}.theme-toggle{background:none;border:none;border-radius:50%;color:#000;cursor:pointer;display:block;font-size:1.5rem;padding:.5rem;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-toggle:hover{background-color:#0000000d;transform:rotate(180deg) scale(1.1)}body.dark-mode .theme-toggle{color:#fff}body.dark-mode .theme-toggle:hover{background-color:#ffffff1a}.nav-links{display:flex;gap:1.5rem;left:55%;list-style:none;margin:0 auto;padding:0;position:absolute;transform:translateX(-45%)}.nav-links li a{color:#000;font-size:1rem;font-weight:600;padding:.5rem 0;position:relative;text-decoration:none;text-transform:uppercase;transition:all .3s cubic-bezier(.4,0,.2,1)}.nav-links li a:after{background-color:#555;bottom:0;content:"";height:2px;left:0;position:absolute;transition:width .3s cubic-bezier(.4,0,.2,1);width:0}body.dark-mode .nav-links li a{color:#fff}.nav-links li a:hover{color:#555;transform:translateY(-2px)}.nav-links li a:hover:after{width:100%}body.dark-mode .nav-links li a:after{background-color:#ccc}body.dark-mode .nav-links li a:hover{color:#ccc}@media (max-width:768px){.navbar{padding:.5rem 2rem}.menu-button{display:block}.theme-toggle{position:static}.nav-links{align-items:center;background:#fff;flex-direction:column;gap:2rem;height:calc(100vh - 60px);justify-content:center;left:0;opacity:0;padding:0;position:fixed;top:60px;transform:translateY(-100%);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s .3s;visibility:hidden;width:100%;z-index:999}.nav-links.open{opacity:1;transform:translateY(0);transition:opacity .3s ease-in-out,transform .3s ease-in-out,visibility 0s;visibility:visible}.nav-links li a{font-size:1.2rem}body.dark-mode .nav-links{background:#1a1a1a}}.home-section{grid-gap:4rem;align-items:center;animation:fadeIn 1.2s cubic-bezier(.4,0,.2,1) forwards;background-color:#fff;box-sizing:border-box;display:grid;gap:4rem;grid-template-columns:1fr 1fr;height:100vh;padding:2rem 5rem 0 18rem;position:relative;transition:background-color .4s ease}body.dark-mode .home-section{background-color:#1a1a1a}.home-text{animation:fadeInLeft 1s cubic-bezier(.4,0,.2,1) forwards;color:#1a1a1a;grid-column:1/2;text-align:left;transition:color .3s ease}body.dark-mode .home-text{color:#fff}.home-greeting{align-items:center;display:flex;font-family:Terminus,monospace;font-size:3rem;font-weight:600;gap:.5rem;justify-content:flex-start;margin-bottom:1rem;transition:all .3s ease}.home-star{animation:rotateStar 3s ease-in-out infinite;height:2rem;margin-top:-.4rem;transition:transform .3s ease;width:2rem}@keyframes rotateStar{0%,to{transform:rotate(0deg)}50%{transform:rotate(180deg)}}.home-role{border-right:2px solid #1a1a1a;display:block;font-family:Terminus,monospace;font-size:1.25rem;font-weight:500;margin-bottom:1rem;min-height:1.5em;overflow:hidden;position:relative;white-space:nowrap}body.dark-mode .home-role{border-right-color:#fff;color:#fff}.role-text{animation:fadeRole 5s infinite;display:inline-block}.sharez-link{color:#1a1a1a;cursor:pointer;text-decoration:underline;transition:color .3s ease}body.dark-mode .sharez-link{color:#fff}.sharez-link:hover{color:#007bff}.shoof-link{color:#1a1a1a;cursor:pointer;text-decoration:underline;transition:color .3s ease}body.dark-mode .shoof-link{color:#fff}.shoof-link:hover{color:#555}@keyframes fadeRole{0%{opacity:0}20%{opacity:1}80%{opacity:1}to{opacity:0}}.home-about{color:#1a1a1a;font-family:Terminus,monospace;font-size:1rem;margin-bottom:2rem}body.dark-mode .home-about{color:#fff}.home-btn{align-items:flex-start;display:flex;flex-direction:column;gap:2rem;justify-content:flex-start;width:100%}.home-contact-btn{background:#1a1a1a;border:1px solid #1a1a1a;border-radius:.5rem;color:#fff;cursor:pointer;display:inline-block;font-family:Terminus,monospace;font-size:12px;font-weight:500;margin-bottom:2rem;overflow:hidden;padding:1rem 2rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.home-contact-btn:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.home-contact-btn:hover:before{height:300px;width:300px}.home-contact-btn:hover{box-shadow:0 8px 16px #0003;transform:translateY(-2px)}.home-contact-btn:active{box-shadow:0 4px 8px #0003;transform:translateY(0)}body.dark-mode .home-contact-btn{background:#fff;border:1px solid #fff;color:#1e1e1e}body.dark-mode .home-contact-btn:before{background:#0000001a}body.dark-mode .home-contact-btn:hover{box-shadow:0 8px 16px #fff3}.mouse-scroll{align-items:center;cursor:pointer;display:flex;height:60px;justify-content:flex-start;width:16px}.mouse{border:2px solid #1a1a1a;border-radius:14px;display:block;height:30px;width:16px}body.dark-mode .mouse{border-color:#fff}.wheel{animation:mouse-wheel .6s linear infinite;border:2px solid #1a1a1a;border-radius:8px;display:block;height:2px;margin:3px auto;position:relative;width:2px}body.dark-mode .wheel{border-color:#fff}@keyframes mouse-wheel{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(6px)}}.home-image{align-items:center;animation:fadeInRight 1s cubic-bezier(.4,0,.2,1) forwards;display:flex;flex-direction:column;gap:1rem;grid-column:2/3;justify-content:center;margin:0 auto;position:relative}.profile-picture{animation:float 3s ease-in-out infinite;border:5px solid #fff;border-radius:50%;box-shadow:0 8px 24px #00000026;height:220px;margin:0 auto;object-fit:cover;transition:all .4s cubic-bezier(.4,0,.2,1);width:220px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}body.dark-mode .profile-picture{border-color:#1a1a1a}.profile-picture:hover{box-shadow:0 12px 32px #00000040;transform:scale(1.08) translateY(-5px)}.home-social-links{animation:fadeInUp 1s ease-out forwards;display:flex;flex-direction:column;gap:15px;left:.5rem;padding:0;position:absolute;top:35%}.home-social-link{color:#1a1a1a;display:inline-block;font-size:1.2rem;transition:all .3s cubic-bezier(.4,0,.2,1)}body.dark-mode .home-social-link{color:#fff}.home-social-link:hover{color:#555;transform:translateY(-3px) scale(1.2)}body.dark-mode .home-social-link:hover{color:#ccc}@media (max-width:768px){.home-section{gap:3rem;height:auto;justify-content:center;padding:2rem}.home-about,.home-role,.home-section,.home-text{align-items:center;display:flex;flex-direction:column;text-align:center}.home-about,.home-role,.home-text{width:100%}.home-image{align-items:center;display:flex;justify-content:center;order:-1}.profile-picture{height:200px;margin:0 auto;width:200px}.home-about,.home-greeting,.home-name,.home-role{align-items:center;display:flex;justify-content:center;text-align:center}.home-greeting,.home-name{font-size:2rem}.home-role{font-size:1rem}.home-about{font-size:.9rem}.home-contact-btn{align-self:center;display:block;margin:0 auto 2rem}.home-btn{margin-bottom:2rem}.home-social-links{flex-direction:row;gap:15px;margin-top:1rem;width:100%}.home-social-links,.mouse-scroll{align-items:center;display:flex;justify-content:center;position:static}.mouse-scroll{margin:1rem auto 0}}@media (max-width:480px){.home-section{gap:2rem;padding:1.5rem 1rem 0}.profile-picture{height:180px;width:180px}.home-greeting,.home-name{font-size:1.5rem}.home-role{font-size:.9rem}.home-about{font-size:.8rem}.home-contact-btn{font-size:8px;padding:.6rem}.home-social-links{gap:10px;margin-top:.5rem}.home-social-link{font-size:2rem}.mouse-scroll{margin:.5rem auto 0}}.resume-section{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;opacity:0;text-align:left}.resume-section.visible{animation:fadeInLeft 1s ease-out forwards}.resume-section:not(.visible){animation:fadeOutLeft 1s ease-in forwards}.resume-container{display:flex;justify-content:flex-start;max-width:900px;position:relative;width:100%}.resume-content{flex:1 1;margin-left:180px;max-width:calc(100% - 180px)}.resume-nav{display:flex;flex-direction:column;gap:1.2rem;left:0;padding:1rem 0;position:absolute;width:100px}.resume-nav-button{background:none;border:none;color:#555;cursor:pointer;font-size:1rem;padding:.5rem;text-align:left;transition:all .3s ease}.resume-nav-button.active{background:#000;color:#fff}body.dark-mode .resume-nav-button{color:#ccc}body.dark-mode .resume-nav-button.active{background:#fff;color:#000}.modern-edu-content{border-left:3px solid #000;margin-left:1.5rem;padding-left:2rem;position:relative}body.dark-mode .modern-edu-content{border-left-color:#fff}.university-info{align-items:center;display:flex;gap:.8rem;margin:.5rem 0}.university-dot{color:#666;font-size:.7rem}.edu-duration{background:#0000001a;border-radius:1rem;display:inline-block;font-size:.9rem;margin-top:.5rem;padding:.3rem .8rem}.timeline-container{padding-left:40px;position:relative}.experience-item{padding:1.2rem 0;position:relative}.timeline-marker{align-items:center;display:flex;flex-direction:column;height:100%;left:-40px;position:absolute;top:0}.timeline-line{background:#000;flex-grow:1;margin:3px 0;width:2px}.timeline-dot,body.dark-mode .timeline-line{background:#fff}.timeline-dot{border-radius:50%;color:#000;font-size:1rem}body.dark-mode .timeline-dot{background:#000;color:#fff}.experience-content{background:#ffffff0d;border-radius:8px;box-shadow:0 2px 4px #0000001a;margin-bottom:1rem;padding:1rem;transition:transform .2s ease}.experience-content:hover{transform:translateX(8px)}.experience-title{align-items:center;display:flex;font-size:1.1rem;margin-bottom:.4rem}.experience-icon{font-size:1rem;margin-right:.5rem}.star-icon{height:1rem;width:1rem}.experience-duration{font-size:.85rem;margin-left:auto}.skills-list{display:flex;flex-direction:column;gap:.8rem}.skill-item{align-items:center;display:flex;gap:1rem}.skill-name{font-size:.95rem;width:180px}.skill-bar{background:hsla(0,0%,90%,.664);flex:1 1;height:8px}.skill-progress{background:linear-gradient(90deg,#000,#001414);box-shadow:0 2px 4px #00b4d833;height:100%}body.dark-mode .skill-progress{background:linear-gradient(90deg,#fff,#f1f1ff)}@media (max-width:768px){.resume-content{margin-left:85px;max-width:calc(100% - 90px)}.resume-nav{gap:15px;margin-left:-20px;margin-top:1rem}.modern-edu-content{margin-left:1rem;padding-left:1rem}.experience-content{padding:.8rem}.experience-title{font-size:1rem}.experience-duration{font-size:.8rem}.skill-name{font-size:.9rem;width:120px}}section#projects.projects-section{align-items:flex-start;display:flex;flex-direction:column;opacity:0;text-align:left}section#projects.projects-section.visible{animation:fadeInLeft 1s ease-out forwards}section#projects.projects-section:not(.visible){animation:fadeOutLeft 1s ease-in forwards}.projects-title{align-items:center;color:#000;display:flex;font-size:2rem;font-weight:700;justify-content:flex-start;margin-bottom:2rem}body.dark-mode .projects-title{color:#fff}.projects-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));width:100%}.project-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.project-card:before{background:linear-gradient(135deg,#0000000d,#0000);bottom:0;content:"";left:0;opacity:0;pointer-events:none;position:absolute;right:0;top:0;transition:opacity .4s ease}body.dark-mode .project-card{background-color:#2a2a2a}.project-card:hover{box-shadow:0 12px 24px #00000026;transform:translateY(-8px) scale(1.02)}.project-card:hover:before{opacity:1}.project-image{height:200px;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1);width:100%}.project-card:hover .project-image{transform:scale(1.05)}.project-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;justify-content:space-between;padding:1rem;text-align:center}.project-card-title{color:#000;font-size:1.25rem;font-weight:700;margin-bottom:.5rem}body.dark-mode .project-card-title{color:#fff}.project-description{color:#555;flex-grow:1;font-size:1rem;margin-bottom:1rem}body.dark-mode .project-description{color:#ccc}.project-button{background-color:#000;border:none;border-radius:8px;color:#fff;cursor:pointer;display:block;font-size:1rem;overflow:hidden;padding:.75rem 1.5rem;position:relative;text-align:center;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.project-button:before{background:#fff3;border-radius:50%;content:"";height:0;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease;width:0}.project-button:hover:before{height:300px;width:300px}body.dark-mode .project-button{background-color:#fff;color:#000}.project-button:hover{background-color:#333;box-shadow:0 4px 12px #0003;transform:translateY(-2px)}.project-button:active{transform:translateY(0)}body.dark-mode .project-button:before{background:#0000001a}body.dark-mode .project-button:hover{background-color:#e0e0e0;box-shadow:0 4px 12px #fff3}.project-preview{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:2000}.preview-content{align-items:center;background-color:#fff;border-radius:8px;box-shadow:0 4px 12px #0003;display:flex;flex-direction:column;gap:1rem;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;position:relative;text-align:center;width:90%}body.dark-mode .preview-content{background-color:#2a2a2a}.preview-image{border-radius:8px;height:200px;object-fit:cover;width:100%}.preview-title{color:#000;font-size:1.5rem;font-weight:700;margin-bottom:.5rem}body.dark-mode .preview-title{color:#fff}.preview-full-info{color:#555;font-size:1rem}body.dark-mode .preview-full-info{color:#ccc}.preview-buttons{display:flex;gap:1rem;justify-content:center}.preview-open-button{background-color:#000;border-radius:4px;color:#fff;font-size:1rem;padding:.5rem 1rem;text-decoration:none;transition:background-color .3s ease}body.dark-mode .preview-open-button{background-color:#fff;color:#000}.preview-open-button:hover{background-color:#555}body.dark-mode .preview-open-button:hover{background-color:#ccc}.preview-close-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;font-size:1rem;padding:.5rem 1rem;transition:background-color .3s ease}body.dark-mode .preview-close-button{background-color:#fff;color:#000}.preview-close-button:hover{background-color:#555}body.dark-mode .preview-close-button:hover{background-color:#ccc}@media (max-width:768px){.projects-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,auto)}.project-card{min-height:300px}.project-image{height:120px}.project-card-title{font-size:1rem}.project-button,.project-description{font-size:.85rem}.project-button{padding:.5rem 1rem}.preview-content{max-width:90%;padding:1.5rem}.preview-image{height:150px}.preview-title{font-size:1.25rem}.preview-full-info{font-size:.9rem}.preview-close-button,.preview-open-button{font-size:.9rem;padding:.4rem .8rem}}@media (max-width:480px){.projects-grid{gap:.5rem;grid-template-columns:repeat(2,1fr)}.project-card{min-height:250px}.project-image{height:100px}}.snapchat-section{align-items:flex-start;opacity:0;text-align:left}.snapchat-section,body.dark-mode .snapchat-section{background-color:#fefc02}.snapchat-section.visible{animation:fadeInLeft 1s ease-out forwards}.snapchat-section:not(.visible){animation:fadeOutLeft 1s ease-in forwards}.snapchat-content{display:flex;flex-direction:column;gap:1.5rem}.snapchat-title{color:#000;font-size:2rem;font-weight:700;margin-bottom:1rem}.snapchat-nav{display:flex;flex-wrap:wrap;gap:1rem}.snapchat-nav-button{background:none;border:none;color:#000;cursor:pointer;font-size:1.2rem;padding:.5rem 1rem;transition:background-color .3s ease,color .3s ease}.snapchat-nav-button.active{background-color:#000;border-radius:4px;color:#fff}.snapchat-nav-button:hover{background-color:#555;color:#fff}.snapchat-page-content{background-color:#ffffffe6;border-radius:8px;min-height:200px;padding:1.5rem}body.dark-mode .snapchat-page-content{background-color:#000000e6}.snapchat-page h3{color:#000;font-size:1.25rem;font-weight:700;margin-bottom:1rem}body.dark-mode .snapchat-page h3{color:#fff}.snapchat-page p{color:#555;font-size:1rem}body.dark-mode .snapchat-page p{color:#ccc}.snapchat-page ul{color:#555;font-size:1rem;list-style-type:disc;padding-left:1.5rem}body.dark-mode .snapchat-page ul{color:#ccc}@media (max-width:768px){.snapchat-title{font-size:1.5rem}.snapchat-nav{gap:.5rem}.snapchat-nav-button{font-size:1rem;padding:.4rem .8rem}.snapchat-page-content{padding:1rem}.snapchat-page h3{font-size:1.1rem}.snapchat-page p,.snapchat-page ul{font-size:.9rem}}.snapchat-page li{margin-bottom:.5rem}.snapchat-page strong{color:#000}body.dark-mode .snapchat-page strong{color:#fff}.snapchat-dev-badge{display:block;height:auto;margin:1rem auto;width:100px}.snapchat-official{align-items:center;color:#000;display:flex;flex-direction:column;font-family:Avenir Next,sans-serif;font-weight:700;gap:1rem;text-align:center}.snapchat-company-text{display:block;font-weight:lighter;padding-top:10px}body.dark-mode .snapchat-official{color:#fff}.snapchat-icon{color:#000;font-size:3rem}body.dark-mode .snapchat-icon{color:#fff}@media (max-width:768px){.snapchat-title{font-size:1.5rem}.snapchat-nav{gap:.5rem}.snapchat-nav-button{font-size:1rem;padding:.4rem .8rem}.snapchat-page-content{padding:1rem}.snapchat-page h3{font-size:1.1rem}.snapchat-page p,.snapchat-page ul{font-size:.9rem}.snapchat-dev-badge{margin:1rem auto;width:80px}.snapchat-official{align-items:center;color:#000;display:flex;flex-direction:column;font-family:Avenir Next,sans-serif;font-weight:500;gap:.5rem;justify-content:center;text-align:center}body.dark-mode .snapchat-official{color:#fff}.snapchat-icon{color:#000;font-size:2.5rem}body.dark-mode .snapchat-icon{color:#fff}.snapchat-text{align-items:center;display:flex;flex-direction:column}.snapchat-title-text{font-size:1.5rem;font-weight:700}.snapchat-company-text{font-size:1rem;font-weight:lighter}.snapchat-title-text{font-size:1rem}.snapchat-icon{font-size:2rem}.snapchat-title-text{font-size:1.2rem}.snapchat-company-text{font-size:1rem}}.view-all-lenses-button{background-color:#fefc02;border-radius:5px;color:#000;display:inline-block;font-size:clamp(.9rem,2vw,1.2rem);font-weight:700;margin-top:2vw;padding:clamp(8px,1.5vw,12px) clamp(15px,3vw,20px);text-decoration:none;transition:background-color .3s ease}.view-all-lenses-button:hover{background-color:#cfcfcf}.LensProjects{align-items:center;background-color:#ffffe6;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;padding:2vw;text-align:center;width:100%}.LensProjects h3{color:#000;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:2vw}.LensProjects-grid{grid-gap:2vw;display:grid;gap:2vw;grid-template-columns:repeat(2,1fr);margin:0 auto;max-width:800px;width:80%}.LensProjects-card{background:#f9f9f9;border-radius:10px;box-shadow:0 2px 5px #0000001a;overflow:hidden;transition:transform .3s ease}.LensProjects-card:hover{transform:translateY(-5px)}.LensProjects-preview{height:200px;overflow:hidden;width:100%}.LensProjects-preview img,.LensProjects-preview video{height:100%;object-fit:cover;width:100%}.LensProjects-content{padding:1vw;text-align:center}.LensProjects-content h4{color:#000;font-size:clamp(1rem,2vw,1.2rem);margin:.5vw 0}.LensProjects-content p{color:#333;font-size:clamp(.8rem,1.5vw,1rem);margin:.5vw 0}.LensProjects-view-source-button{background-color:#000;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:clamp(.8rem,1.5vw,1rem);margin-top:.5vw;padding:.5rem 1rem;transition:background-color .3s ease}.LensProjects-view-source-button:hover{background-color:#333}.LensProjects-code-modal{align-items:center;background:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1000}.LensProjects-code-modal-content{background:#fff;border-radius:10px;max-height:80vh;max-width:600px;overflow-y:auto;padding:2vw;position:relative;width:90%}.LensProjects-code-block{background:#f4f4f4;border-radius:5px;color:#333;font-family:monospace;font-size:10px;font-size:clamp(.8rem,1.5vw,1rem);padding:1rem;white-space:pre-wrap}.LensProjects-close-button{background:red;border:none;border-radius:50%;color:#fff;cursor:pointer;font-size:1rem;height:30px;position:absolute;right:10px;top:10px;width:30px}@media (max-width:768px){.LensProjects-grid{gap:1vw;width:80%}.LensProjects-preview{height:150px}}@media (max-width:480px){.LensProjects{padding:1vw}.LensProjects-grid{grid-template-columns:1fr;width:90%}.LensProjects-preview{height:200px}.LensProjects-content h4,.LensProjects-content p,.LensProjects-view-source-button{font-size:clamp(.7rem,1.2vw,.9rem)}}body.dark-mode .LensProjects{background-color:#191900}body.dark-mode .LensProjects-code-modal-content{background:#151515;border-radius:10px;max-height:80vh;max-width:660px;overflow-y:auto;padding:2vw;position:relative;width:80%}body.dark-mode .LensProjects-code-block{background:#1e1e1e;color:#fff}body.dark-mode .LensProjects-card{background-color:#222}@media (prefers-color-scheme:dark){.LensProjects{background-color:#000}.LensProjects h3,.LensProjects-content h4{color:#fff}.LensProjects-card{background:#000;box-shadow:0 2px 5px #0000001a}.LensProjects-content p{color:#fff}.LensProjects-view-source-button{background-color:#fff;color:#000}.LensProjects-view-source-button:hover{background-color:#ccc}.LensProjects-code-modal-content{background:#fff}.LensProjects-code-block{background:#f4f4f4;color:#000}}.SnapchatSnapMap{align-items:center;background-color:#ffffe6;box-sizing:border-box;display:flex;flex-direction:column;max-width:100vw;padding:2vw;text-align:center;width:100%}.SnapchatSnapMap h3{color:#000;font-size:clamp(1.5rem,3vw,2.5rem);font-weight:700;margin-bottom:2vw}.SnapchatSnapMap-content{margin:0 auto;max-width:800px;width:60%}.SnapchatSnapMap-section{margin-bottom:2vw}.SnapchatSnapMap-section h4{color:#000;font-size:clamp(1rem,2vw,1.2rem);margin:1vw 0 .5vw;text-align:left}.SnapchatSnapMap-section p{color:#333;font-size:clamp(.8rem,1.5vw,1rem);margin:0 0 1vw;text-align:left}.SnapchatSnapMap-embed-container{margin:0 auto;max-width:416px;width:70%}.snapchat-embed{background:#c4c4c4;border:0;border-radius:40px;box-shadow:0 0 1px 0 #00000080,0 1px 10px 0 #00000026;display:flex;flex-direction:column;height:650px;margin:1px auto;padding:0;position:relative;width:100%}.snapchat-embed-inner{display:flex;flex-direction:column;height:100%}.snapchat-profile-icon{background-color:#f4f4f4;border-radius:50%;cursor:pointer;flex-grow:0;height:40px;margin:16px;width:40px}.snapchat-embed-spacer{flex:1 1}.snapchat-view-more{background-color:#ff0;border:none;border-radius:0 0 40px 40px;color:#000;cursor:pointer;display:flex;flex-direction:row;justify-content:center;padding:10px 20px;text-align:center;text-decoration:none;width:100%}.SnapchatSnapMap-add-business-button{margin-top:2vw}.snapmap-contact-btn{background-color:#fffc00;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:clamp(.9rem,1.5vw,1.2rem);font-weight:700;padding:.75rem 1.5rem;transition:background-color .3s ease}.snapmap-contact-btn:hover{background-color:#e6e300}@media (max-width:768px){.SnapchatSnapMap-content{width:80%}.SnapchatSnapMap-embed-container{max-width:350px;width:70%}.snapchat-embed{height:500px}}@media (max-width:480px){.SnapchatSnapMap{padding:1vw}.SnapchatSnapMap-content{width:90%}.SnapchatSnapMap-embed-container{max-width:100%;width:100%}.snapchat-embed{height:450px;min-width:0}.SnapchatSnapMap-section h4,.SnapchatSnapMap-section p,.snapmap-contact-btn{font-size:clamp(.7rem,1.2vw,.9rem)}}body.dark-mode .SnapchatSnapMap{background-color:#191900}body.dark-mode h3,body.dark-mode h4{color:#fff}body.dark-mode p{color:#c9c9c9}@media (prefers-color-scheme:dark){.SnapchatSnapMap{background-color:#000;color:#fff}.SnapchatSnapMap h3,.SnapchatSnapMap-section h4,.SnapchatSnapMap-section p{color:#fff}.snapchat-embed{background:#333}.snapchat-profile-icon{background-color:#444}.snapmap-contact-btn{background-color:#fffc00;color:#000}.snapmap-contact-btn:hover{background-color:#e6e300}}.shop-section{align-items:flex-start;opacity:0;text-align:left}.shop-section.visible{animation:fadeInLeft 1s ease-out forwards}.shop-section:not(.visible){animation:fadeOutLeft 1s ease-in forwards}.shop-content{width:100%}.shop-title{color:#000;font-size:2rem;font-weight:700;margin-bottom:1rem}body.dark-mode .shop-title{color:#fff}.shop-description{color:#555;font-size:1rem;line-height:1.6;margin-bottom:1.5rem}body.dark-mode .shop-description{color:#ccc}.shop-features{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:2rem}.shop-feature{background:#f0f0f0;border-radius:4px;color:#333;font-size:.9rem;padding:.5rem 1rem}body.dark-mode .shop-feature{background:#3a3a3a;color:#fff}.shop-button{background-color:#000;border-radius:4px;color:#fff;display:inline-block;font-size:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease}body.dark-mode .shop-button{background-color:#fff;color:#000}.shop-button:hover{background-color:#555;transform:translateY(-2px)}body.dark-mode .shop-button:hover{background-color:#ccc}@media (max-width:768px){.shop-title{font-size:1.5rem}.shop-description{font-size:.9rem}.shop-features{gap:.75rem}.shop-feature{font-size:.85rem;padding:.4rem .8rem}.shop-button{font-size:.9rem;padding:.6rem 1.2rem}}#contact{background-color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;padding:2rem 4rem;text-align:center}body.dark-mode #contact{background-color:#1a1a1a}#contact.visible{animation:fadeInLeft 1s ease-out forwards}#contact:not(.visible){animation:fadeOutLeft 1s ease-in forwards}#contact h2{color:#000;font-size:2.5rem;font-weight:700;margin-bottom:2.5rem}body.dark-mode #contact h2{color:#fff}.contact-form-container{margin:0 auto;max-width:700px;width:100%}.contact-form{gap:2rem}.contact-form,.form-group{display:flex;flex-direction:column}.form-group{align-items:center}.form-group label{color:#000;font-size:1.25rem;font-weight:600;margin-bottom:.75rem}body.dark-mode .form-group label{color:#fff}.form-group input,.form-group textarea{background-color:#f9f9f9;border:1px solid #c4c4c4;border-radius:6px;color:#000;font-family:Terminus,monospace;font-size:1.1rem;max-width:500px;padding:1rem;transition:border-color .3s ease,box-shadow .3s ease;width:100%}body.dark-mode .form-group input,body.dark-mode .form-group textarea{background-color:#333;border-color:#fff;color:#fff}.form-group input:focus,.form-group textarea:focus{border-color:#555;box-shadow:0 0 6px #0003;outline:none}body.dark-mode .form-group input:focus,body.dark-mode .form-group textarea:focus{border-color:#ccc;box-shadow:0 0 6px #fff3}.form-group textarea{min-height:120px;resize:vertical}.contact-form button{background-color:#000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.1rem;font-weight:600;margin:0 auto;max-width:250px;padding:1rem 2rem;transition:background-color .3s ease,transform .3s ease;width:100%}body.dark-mode .contact-form button{background-color:#fff;color:#000}.contact-form button:hover{background-color:#555;transform:translateY(-2px)}body.dark-mode .contact-form button:hover{background-color:#ccc}.contact-form button:disabled{background-color:#888;cursor:not-allowed;transform:none}.error{color:red}.error,.success{font-size:1rem;margin-top:.75rem}.success{color:#0c0}.social-links{margin-top:3rem}.social-links p{color:#000;font-size:1.1rem;margin-bottom:1.5rem}body.dark-mode .social-links p{color:#fff}.social-buttons{gap:1.5rem}.social-buttons,.social-buttons a{display:flex;justify-content:center}.social-buttons a{align-items:center;border:1px solid #000;border-radius:6px;color:#000;font-size:1.75rem;height:50px;text-decoration:none;transition:background-color .3s ease,color .3s ease,transform .3s ease;width:50px}body.dark-mode .social-buttons a{border-color:#fff;color:#fff}.social-buttons a:hover{background-color:#000;color:#fff;transform:translateY(-2px)}body.dark-mode .social-buttons a:hover{background-color:#fff;color:#000}@media (max-width:768px){#contact{padding:1.5rem 2rem}#contact h2{font-size:2rem}.contact-form-container{max-width:100%}.form-group label{font-size:1.1rem}.form-group input,.form-group textarea{font-size:1rem;max-width:80%;padding:.75rem}.contact-form button{font-size:1rem;max-width:200px;padding:.8rem 1.5rem}.error,.success{font-size:.9rem}.social-links{margin-top:2rem}.social-links p{font-size:1rem}.social-buttons{gap:1rem}.social-buttons a{font-size:1.5rem;height:40px;width:40px}}@media (max-width:480px){#contact{padding:1rem}#contact h2{font-size:1.75rem}.form-group label{font-size:1rem}.form-group input,.form-group textarea{padding:.6rem}.contact-form button{max-width:180px;padding:.7rem 1.2rem}.social-buttons a{font-size:1.25rem;height:36px;width:36px}}.footer{padding:2rem 4rem;text-align:center}.footer,body.dark-mode .footer{background-color:#000;color:#fff}.footer-content{display:flex;flex-direction:column;gap:2rem;margin:0 auto;max-width:1200px}.footer-nav{display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.footer-nav a{color:#fff;font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s ease,transform .3s ease}.footer-nav a:hover{color:#ccc;transform:translateY(-2px)}.footer-social{display:flex;gap:1.5rem;justify-content:center}.footer-icon{color:#fff;font-size:1.75rem;transition:color .3s ease,transform .3s ease}.footer-icon:hover{color:#ccc;transform:translateY(-2px)}.footer-copyright{color:#fff;font-size:.9rem;margin-top:1rem}@media (max-width:768px){.footer{padding:1.5rem 2rem}.footer-nav{gap:1rem}.footer-nav a{font-size:1rem}.footer-social{gap:1rem}.footer-icon{font-size:1.5rem}.footer-copyright{font-size:.85rem}}@media (max-width:480px){.footer{padding:1rem}.footer-nav{flex-direction:column;gap:.75rem}.footer-nav a{font-size:.9rem}.footer-social{gap:.75rem}.footer-icon{font-size:1.25rem}}.xallaknm-page{background:linear-gradient(135deg,#fffbeb,#fff 50%,#fffbeb);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.xallaknm-page *{box-sizing:border-box}@keyframes xallaknm-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes xallaknm-fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.xallaknm-page .fixed{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0}.xallaknm-page .bg-blob-1{background:#fbbf244d;left:-12rem;top:-12rem}.xallaknm-page .bg-blob-1,.xallaknm-page .bg-blob-2{animation:xallaknm-pulse 3s infinite;border-radius:50%;filter:blur(80px);height:24rem;position:absolute;width:24rem}.xallaknm-page .bg-blob-2{animation-delay:1s;background:#f59e0b33;bottom:-12rem;right:-12rem}.xallaknm-page nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #fbbf244d;position:relative;z-index:10}.xallaknm-page .nav-container{margin:0 auto;max-width:80rem;padding:0 1rem}.xallaknm-page .nav-content{align-items:center;display:flex;height:4rem;justify-content:space-between}.xallaknm-page .nav-logo{align-items:center;display:flex;gap:.75rem}.xallaknm-page .nav-logo img{border-radius:.75rem;box-shadow:0 4px 6px #0000001a;height:2.5rem;width:2.5rem}.xallaknm-page .nav-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#b45309,#78350f);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.xallaknm-page .nav-links{align-items:center;display:flex;gap:2rem}.xallaknm-page .nav-links a{color:#78350f;font-weight:500;text-decoration:none;transition:color .3s}.xallaknm-page .nav-links a:hover{color:#b45309}.xallaknm-page .nav-android-link{align-items:center;animation:xallaknm-pulse 2s ease-in-out infinite;background:linear-gradient(135deg,#3ddc84,#2bb673);border-radius:1.5rem;box-shadow:0 4px 12px #3ddc8466;color:#fff!important;display:flex;font-weight:600;gap:.5rem;padding:.5rem 1rem;position:relative}.xallaknm-page .nav-android-link:hover{background:linear-gradient(135deg,#2bb673,#3ddc84);box-shadow:0 6px 16px #3ddc8480;transform:translateY(-2px)}.xallaknm-page .android-icon{font-size:1.2rem}.xallaknm-page .android-text{font-size:.95rem}.xallaknm-page .new-badge{animation:xallaknm-bounce 1s ease-in-out infinite;background:#ff3b30;border-radius:.5rem;color:#fff;font-size:.65rem;font-weight:700;letter-spacing:.5px;padding:.15rem .4rem}@keyframes xallaknm-pulse{0%,to{box-shadow:0 4px 12px #3ddc8466}50%{box-shadow:0 4px 20px #3ddc8499}}@keyframes xallaknm-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.xallaknm-page .nav-dropdown{position:relative}.xallaknm-page .nav-get-button{background:#007aff;border:none;border-radius:1rem;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.4rem 1rem;transition:all .3s}.xallaknm-page .nav-get-button:hover{background:#0056b3}.xallaknm-page .nav-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fffffff2;border-radius:1rem;box-shadow:0 10px 40px #00000026;margin-top:.75rem;min-width:280px;overflow:hidden;position:absolute;right:0;top:100%;z-index:100}.xallaknm-page .ios-app-link{align-items:center;display:flex;gap:.75rem;padding:1rem;text-decoration:none;transition:background .2s}.xallaknm-page .ios-app-link:hover{background:#0000000d}.xallaknm-page .ios-app-icon{border-radius:.75rem;box-shadow:0 2px 8px #0000001a;height:3.5rem;overflow:hidden;width:3.5rem}.xallaknm-page .ios-app-icon img{height:100%;object-fit:cover;width:100%}.xallaknm-page .ios-app-info{display:flex;flex:1 1;flex-direction:column;gap:.15rem}.xallaknm-page .ios-app-name{color:#000;font-size:1rem;font-weight:600}.xallaknm-page .ios-app-subtitle{color:#8e8e93;font-size:.8rem}.xallaknm-page .ios-get-btn{background:#007aff;border-radius:1rem;color:#fff;font-size:.85rem;font-weight:600;padding:.4rem 1.25rem}.xallaknm-page .hero-section{padding:5rem 1rem 8rem;position:relative;z-index:10}.xallaknm-page .hero-container{margin:0 auto;max-width:80rem}.xallaknm-page .hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.xallaknm-page .hero-content{animation:xallaknm-fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:2rem}.xallaknm-page .hero-badge{align-items:center;background:#fef3c7;border:1px solid #fcd34d;border-radius:9999px;display:inline-flex;gap:.5rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.xallaknm-page .hero-badge svg{color:#d97706;height:1rem;width:1rem}.xallaknm-page .hero-badge span{color:#78350f;font-size:.875rem;font-weight:500}.xallaknm-page .hero-title{color:#451a03;font-size:3.5rem;font-weight:700;line-height:1.1;margin:0}.xallaknm-page .hero-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#d97706,#b45309,#78350f);-webkit-background-clip:text;background-clip:text;display:block}.xallaknm-page .hero-description{color:#92400e;font-size:1.25rem;line-height:1.6;margin:0}.xallaknm-page .hero-badges{display:flex;flex-direction:column;gap:1rem}.xallaknm-page .hero-badges a,.xallaknm-page .hero-badges img{cursor:pointer;height:3.5rem;transition:all .3s}.xallaknm-page .hero-badges a:hover img{transform:scale(1.05)}.xallaknm-page .hero-badges img.disabled{opacity:.5}.xallaknm-page .hero-badges img.disabled:hover{opacity:.7}.xallaknm-page .hero-badges .apk-download-button{cursor:pointer;opacity:1;pointer-events:auto}.xallaknm-page .hero-badges .apk-download-button:hover{opacity:.8;transform:translateY(-2px);transition:all .3s ease}.xallaknm-page .badge-container{animation:xallaknm-glow-pulse 2s ease-in-out infinite;display:inline-block;position:relative}.xallaknm-page .new-badge-overlay{animation:xallaknm-badge-bounce 1.5s ease-in-out infinite;background:linear-gradient(135deg,#ff3b30,#ff6b6b);border-radius:1rem;box-shadow:0 2px 8px #ff3b3080;color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.5px;padding:.25rem .5rem;position:absolute;right:-8px;top:-8px;z-index:10}@keyframes xallaknm-glow-pulse{0%,to{box-shadow:0 0 10px #3ddc8480;filter:brightness(1)}50%{box-shadow:0 0 20px #3ddc84cc;filter:brightness(1.1)}}@keyframes xallaknm-badge-bounce{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-3px) scale(1.05)}}.xallaknm-page .hero-image{animation:xallaknm-fadeInRight .8s ease-out .2s both;position:relative}.xallaknm-page .phone-mockup{background:linear-gradient(135deg,#92400e,#451a03);border-radius:3rem;box-shadow:0 25px 50px #00000040;height:36.25rem;margin:0 auto;padding:.75rem;position:relative;width:18rem;z-index:10}.xallaknm-page .phone-glow{background:linear-gradient(135deg,#d977064d,#b453094d);border-radius:3rem;filter:blur(40px);inset:0;position:absolute}.xallaknm-page .phone-screen{background:#000;border-radius:2.5rem;height:100%;overflow:hidden;position:relative;width:100%}.xallaknm-page .phone-screen img{height:100%;object-fit:cover;width:100%}.xallaknm-page .phone-notch{background:#000;border-radius:9999px;height:1.5rem;left:50%;position:absolute;top:1.5rem;transform:translateX(-50%);width:8rem;z-index:10}.xallaknm-page .floating-element{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fef3c7;border:1px solid #fcd34d;border-radius:1rem;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;position:absolute}.xallaknm-page .floating-element-1{animation:xallaknm-bounce 2s infinite;height:6rem;right:-2rem;top:-2rem;width:6rem}.xallaknm-page .floating-element-2{animation:xallaknm-bounce 3s infinite;bottom:-2rem;height:5rem;left:-2rem;width:5rem}.xallaknm-page .floating-element svg{color:#d97706;height:3rem;width:3rem}.xallaknm-page .features-section{background:#fff;padding:5rem 1rem;position:relative;z-index:10}.xallaknm-page .section-container{margin:0 auto;max-width:80rem}.xallaknm-page .section-header{margin-bottom:4rem;text-align:center}.xallaknm-page .section-title{color:#451a03;font-size:3rem;font-weight:700;margin-bottom:1rem}.xallaknm-page .section-subtitle{color:#b45309;font-size:1.25rem;margin:0}.xallaknm-page .features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.xallaknm-page .feature-card{background:linear-gradient(135deg,#fffbeb,#fff);border:1px solid #fde68a;border-radius:1rem;padding:2rem;position:relative;transition:all .3s}.xallaknm-page .feature-card:hover{border-color:#fbbf24;box-shadow:0 20px 25px #0000001a;transform:scale(1.05)}.xallaknm-page .feature-icon{font-size:2.5rem;margin-bottom:1rem}.xallaknm-page .feature-title{color:#451a03;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.xallaknm-page .feature-desc{color:#b45309;line-height:1.6;margin:0}.xallaknm-page .feature-arrow{opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .3s}.xallaknm-page .feature-card:hover .feature-arrow{opacity:1}.xallaknm-page .feature-arrow svg{color:#d97706;height:1.25rem;width:1.25rem}.xallaknm-page .games-section{background:linear-gradient(135deg,#fffbeb,#fff);padding:5rem 1rem;position:relative;z-index:10}.xallaknm-page .games-grid{grid-gap:4rem;align-items:center;display:grid;gap:4rem;grid-template-columns:repeat(2,1fr);justify-items:center}.xallaknm-page .game-phone-container{align-items:center;display:flex;flex-direction:column;gap:2rem;text-align:center}.xallaknm-page .game-info{max-width:20rem}.xallaknm-page .game-title{color:#451a03;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.xallaknm-page .game-desc{color:#b45309;line-height:1.6;margin:0}.xallaknm-page .steps-section{background:#fff;padding:5rem 1rem;position:relative;z-index:10}.xallaknm-page .steps-container{margin:0 auto;max-width:60rem}.xallaknm-page .steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.xallaknm-page .step{position:relative;text-align:center}.xallaknm-page .step-number{align-items:center;background:linear-gradient(135deg,#d97706,#78350f);border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-flex;font-size:1.875rem;font-weight:700;height:5rem;justify-content:center;margin-bottom:1.5rem;width:5rem}.xallaknm-page .step-title{color:#451a03;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.xallaknm-page .step-desc{color:#b45309;line-height:1.6;margin:0}.xallaknm-page .step-connector{background:linear-gradient(90deg,#fbbf24,#0000);display:none;height:2px;left:100%;position:absolute;top:2.5rem;width:100%}.xallaknm-page .cta-section{background:linear-gradient(135deg,#fffbeb,#fff);padding:5rem 1rem;position:relative;z-index:10}.xallaknm-page .cta-container{margin:0 auto;max-width:56rem;text-align:center}.xallaknm-page .cta-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fef3c7,#fff);border:1px solid #fcd34d;border-radius:1.5rem;box-shadow:0 20px 25px #0000001a;padding:3rem}.xallaknm-page .cta-title{color:#451a03;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.xallaknm-page .cta-desc{color:#92400e;font-size:1.25rem;margin-bottom:2rem}.xallaknm-page .cta-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.xallaknm-page .cta-badges img{cursor:pointer;height:4rem;transition:transform .3s}.xallaknm-page .cta-badges img:hover{transform:scale(1.05)}.xallaknm-page .cta-badges img.disabled{opacity:.5}.xallaknm-page .cta-badges .apk-download-button{cursor:pointer;opacity:1;pointer-events:auto}.xallaknm-page .cta-badges .apk-download-button:hover{opacity:.8;transform:scale(1.05)}@media (max-width:768px){.xallaknm-page .new-badge-overlay{font-size:.65rem;padding:.2rem .4rem;right:-6px;top:-6px}}.xallaknm-page footer{background:#fff;border-top:1px solid #fde68a;padding:3rem 1rem;position:relative;z-index:10}.xallaknm-page .footer-container{margin:0 auto;max-width:80rem}.xallaknm-page .footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.xallaknm-page .footer-logo{align-items:center;display:flex;gap:.75rem;text-decoration:none;transition:opacity .3s}.xallaknm-page .footer-logo:hover{opacity:.8}.xallaknm-page .footer-logo img{height:2.5rem}.xallaknm-page .footer-links{color:#b45309;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.xallaknm-page .footer-links a{color:#b45309;font-weight:500;text-decoration:none;transition:color .3s}.xallaknm-page .footer-links a:hover{color:#78350f}@media (max-width:1024px){.xallaknm-page .hero-grid{gap:3rem;grid-template-columns:1fr}.xallaknm-page .hero-title{font-size:2.5rem}.xallaknm-page .features-grid{grid-template-columns:repeat(2,1fr)}.xallaknm-page .nav-links{display:none}}@media (max-width:768px){.xallaknm-page .hero-section{padding:3rem 1rem 5rem}.xallaknm-page .hero-title{font-size:2rem;line-height:1.2}.xallaknm-page .hero-description{font-size:1rem;line-height:1.5}.xallaknm-page .hero-badge{font-size:.8rem;padding:.4rem .8rem}.xallaknm-page .hero-badges{align-items:center;gap:.75rem}.xallaknm-page .hero-badges a,.xallaknm-page .hero-badges img{height:3rem}.xallaknm-page .features-grid,.xallaknm-page .games-grid,.xallaknm-page .steps-grid{grid-template-columns:1fr}.xallaknm-page .features-grid{gap:1.5rem}.xallaknm-page .feature-card{padding:1.5rem}.xallaknm-page .feature-icon{font-size:2rem}.xallaknm-page .feature-title{font-size:1.1rem}.xallaknm-page .games-grid{gap:3rem}.xallaknm-page .section-title{font-size:1.75rem}.xallaknm-page .section-subtitle{font-size:1rem}.xallaknm-page .cta-title{font-size:1.75rem}.xallaknm-page .cta-desc{font-size:1rem}.xallaknm-page .cta-box{padding:2rem 1.5rem}.xallaknm-page .cta-badges img{height:3rem}.xallaknm-page .phone-mockup{height:30rem;padding:.6rem;width:15rem}.xallaknm-page .phone-notch{height:1.2rem;top:1.2rem;width:6rem}.xallaknm-page .game-phone-container .phone-mockup{height:26rem;width:13rem}.xallaknm-page .floating-element-1,.xallaknm-page .floating-element-2{display:none}.xallaknm-page .footer-content{flex-direction:column;gap:1rem;text-align:center}.xallaknm-page .footer-links{flex-direction:column;gap:1rem}.xallaknm-page .nav-logo span{font-size:1rem}.xallaknm-page .nav-logo img{height:2rem;width:2rem}.xallaknm-page .hero-grid{gap:2rem}.xallaknm-page .cta-section,.xallaknm-page .features-section,.xallaknm-page .games-section,.xallaknm-page .steps-section{padding:3rem 1rem}.xallaknm-page .section-header{margin-bottom:2rem}.xallaknm-page .step-number{font-size:1.5rem;height:4rem;width:4rem}.xallaknm-page .step-title{font-size:1.25rem}.xallaknm-page .game-info{max-width:100%}}@media (max-width:480px){.xallaknm-page .hero-title{font-size:1.75rem}.xallaknm-page .hero-badges a,.xallaknm-page .hero-badges img{height:2.75rem}.xallaknm-page .phone-mockup{height:26rem;width:13rem}.xallaknm-page .game-phone-container .phone-mockup{height:22rem;width:11rem}.xallaknm-page .cta-title,.xallaknm-page .section-title{font-size:1.5rem}.xallaknm-page .feature-card{padding:1.25rem}.xallaknm-page .nav-content{padding:0 .5rem}}@media (min-width:768px){.xallaknm-page .hero-badges{flex-direction:row}.xallaknm-page .step-connector{display:block}}.smokefree-page{background:linear-gradient(135deg,#ecfdf5,#fff 50%,#ecfdf5);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,sans-serif;min-height:100vh;overflow-x:hidden;position:relative}.smokefree-page *{box-sizing:border-box}@keyframes smokefree-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes smokefree-bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes smokefree-fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes smokefree-fadeInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}.smokefree-page .fixed{bottom:0;left:0;overflow:hidden;pointer-events:none;position:fixed;right:0;top:0}.smokefree-page .bg-blob-1{background:#10b9814d;left:-12rem;top:-12rem}.smokefree-page .bg-blob-1,.smokefree-page .bg-blob-2{animation:smokefree-pulse 3s infinite;border-radius:50%;filter:blur(80px);height:24rem;position:absolute;width:24rem}.smokefree-page .bg-blob-2{animation-delay:1s;background:#05966933;bottom:-12rem;right:-12rem}.smokefree-page nav{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #10b9814d;position:relative;z-index:10}.smokefree-page .nav-container{margin:0 auto;max-width:80rem;padding:0 1rem}.smokefree-page .nav-content{align-items:center;display:flex;height:4rem;justify-content:space-between}.smokefree-page .nav-logo{align-items:center;display:flex;gap:.75rem}.smokefree-page .nav-logo img{border-radius:.75rem;box-shadow:0 4px 6px #0000001a;height:2.5rem;width:2.5rem}.smokefree-page .nav-logo span{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#059669,#047857);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.smokefree-page .nav-links{align-items:center;display:flex;gap:2rem}.smokefree-page .nav-links a{color:#047857;font-weight:500;text-decoration:none;transition:color .3s}.smokefree-page .nav-links a:hover{color:#059669}.smokefree-page .hero-section{padding:5rem 1rem 8rem;position:relative;z-index:10}.smokefree-page .hero-container{margin:0 auto;max-width:80rem}.smokefree-page .hero-grid{grid-gap:3rem;align-items:center;display:grid;gap:3rem;grid-template-columns:1fr 1fr}.smokefree-page .hero-content{animation:smokefree-fadeInUp .8s ease-out;display:flex;flex-direction:column;gap:2rem}.smokefree-page .hero-badge{align-items:center;background:#d1fae5;border:1px solid #6ee7b7;border-radius:9999px;display:inline-flex;gap:.5rem;padding:.5rem 1rem;width:-webkit-fit-content;width:fit-content}.smokefree-page .hero-badge svg{color:#10b981;height:1rem;width:1rem}.smokefree-page .hero-badge span{color:#047857;font-size:.875rem;font-weight:500}.smokefree-page .hero-title{color:#064e3b;font-size:3.5rem;font-weight:700;line-height:1.1;margin:0}.smokefree-page .hero-title-gradient{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#10b981,#059669,#047857);-webkit-background-clip:text;background-clip:text;display:block}.smokefree-page .hero-description{color:#065f46;font-size:1.25rem;line-height:1.6;margin:0}.smokefree-page .hero-badges{display:flex;flex-direction:column;gap:1rem}.smokefree-page .hero-badges a,.smokefree-page .hero-badges img{cursor:pointer;height:3.5rem;transition:all .3s}.smokefree-page .hero-badges a:hover img{transform:scale(1.05)}.smokefree-page .hero-image{animation:smokefree-fadeInRight .8s ease-out .2s both;position:relative}.smokefree-page .phone-mockup{background:linear-gradient(135deg,#065f46,#064e3b);border-radius:3rem;box-shadow:0 25px 50px #00000040;height:36.25rem;margin:0 auto;padding:.75rem;position:relative;width:18rem;z-index:10}.smokefree-page .phone-glow{background:linear-gradient(135deg,#10b9814d,#0596694d);border-radius:3rem;filter:blur(40px);inset:0;position:absolute}.smokefree-page .phone-screen{background:#000;border-radius:2.5rem;height:100%;overflow:hidden;position:relative;width:100%}.smokefree-page .phone-screen img{height:100%;object-fit:cover;width:100%}.smokefree-page .phone-notch{background:#000;border-radius:9999px;height:1.5rem;left:50%;position:absolute;top:1.5rem;transform:translateX(-50%);width:8rem;z-index:10}.smokefree-page .floating-element{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#d1fae5;border:1px solid #6ee7b7;border-radius:1rem;box-shadow:0 4px 6px #0000001a;display:flex;justify-content:center;position:absolute}.smokefree-page .floating-element-1{animation:smokefree-bounce 2s infinite;height:6rem;right:-2rem;top:-2rem;width:6rem}.smokefree-page .floating-element-2{animation:smokefree-bounce 3s infinite;bottom:-2rem;height:5rem;left:-2rem;width:5rem}.smokefree-page .floating-element svg{color:#10b981;height:3rem;width:3rem}.smokefree-page .features-section{background:#fff;padding:5rem 1rem;position:relative;z-index:10}.smokefree-page .section-container{margin:0 auto;max-width:80rem}.smokefree-page .section-header{margin-bottom:4rem;text-align:center}.smokefree-page .section-title{color:#064e3b;font-size:3rem;font-weight:700;margin-bottom:1rem}.smokefree-page .section-subtitle{color:#059669;font-size:1.25rem;margin:0}.smokefree-page .features-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr)}.smokefree-page .feature-card{background:linear-gradient(135deg,#ecfdf5,#fff);border:1px solid #a7f3d0;border-radius:1rem;padding:2rem;position:relative;transition:all .3s}.smokefree-page .feature-card:hover{border-color:#34d399;box-shadow:0 20px 25px #0000001a;transform:scale(1.05)}.smokefree-page .feature-icon{font-size:2.5rem;margin-bottom:1rem}.smokefree-page .feature-title{color:#064e3b;font-size:1.25rem;font-weight:700;margin-bottom:.75rem}.smokefree-page .feature-desc{color:#059669;line-height:1.6;margin:0}.smokefree-page .feature-arrow{opacity:0;position:absolute;right:1rem;top:1rem;transition:opacity .3s}.smokefree-page .feature-card:hover .feature-arrow{opacity:1}.smokefree-page .feature-arrow svg{color:#10b981;height:1.25rem;width:1.25rem}.smokefree-page .steps-section{background:linear-gradient(135deg,#ecfdf5,#fff);padding:5rem 1rem;position:relative;z-index:10}.smokefree-page .steps-container{margin:0 auto;max-width:60rem}.smokefree-page .steps-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(3,1fr)}.smokefree-page .step{position:relative;text-align:center}.smokefree-page .step-number{align-items:center;background:linear-gradient(135deg,#10b981,#047857);border-radius:1rem;box-shadow:0 4px 6px #0000001a;color:#fff;display:inline-flex;font-size:1.875rem;font-weight:700;height:5rem;justify-content:center;margin-bottom:1.5rem;width:5rem}.smokefree-page .step-title{color:#064e3b;font-size:1.5rem;font-weight:700;margin-bottom:.75rem}.smokefree-page .step-desc{color:#059669;line-height:1.6;margin:0}.smokefree-page .step-connector{background:linear-gradient(90deg,#34d399,#0000);display:none;height:2px;left:100%;position:absolute;top:2.5rem;width:100%}.smokefree-page .cta-section{background:#fff;padding:5rem 1rem;position:relative;z-index:10}.smokefree-page .cta-container{margin:0 auto;max-width:56rem;text-align:center}.smokefree-page .cta-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#d1fae5,#fff);border:1px solid #6ee7b7;border-radius:1.5rem;box-shadow:0 20px 25px #0000001a;padding:3rem}.smokefree-page .cta-title{color:#064e3b;font-size:3rem;font-weight:700;margin-bottom:1.5rem}.smokefree-page .cta-desc{color:#065f46;font-size:1.25rem;margin-bottom:2rem}.smokefree-page .cta-badges{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-bottom:1rem}.smokefree-page .cta-badges img{cursor:pointer;height:4rem;transition:transform .3s}.smokefree-page .cta-badges img:hover{transform:scale(1.05)}.smokefree-page .cta-note{color:#059669;font-size:.875rem;margin:0}.smokefree-page footer{background:#fff;border-top:1px solid #a7f3d0;padding:3rem 1rem;position:relative;z-index:10}.smokefree-page .footer-container{margin:0 auto;max-width:80rem}.smokefree-page .footer-content{align-items:center;display:flex;flex-wrap:wrap;gap:1.5rem;justify-content:space-between}.smokefree-page .footer-logo{align-items:center;display:flex;gap:.75rem;text-decoration:none;transition:opacity .3s}.smokefree-page .footer-logo:hover{opacity:.8}.smokefree-page .footer-logo img{height:2.5rem}.smokefree-page .footer-links{color:#059669;display:flex;flex-wrap:wrap;gap:2rem;justify-content:center}.smokefree-page .footer-links a{color:#059669;font-weight:500;text-decoration:none;transition:color .3s}.smokefree-page .footer-links a:hover{color:#047857}@media (max-width:1024px){.smokefree-page .hero-grid{gap:3rem;grid-template-columns:1fr}.smokefree-page .hero-title{font-size:2.5rem}.smokefree-page .features-grid{grid-template-columns:repeat(2,1fr)}.smokefree-page .nav-links{display:none}}@media (max-width:768px){.smokefree-page .hero-section{padding:3rem 1rem 5rem}.smokefree-page .hero-title{font-size:2rem;line-height:1.2}.smokefree-page .hero-description{font-size:1rem;line-height:1.5}.smokefree-page .hero-badge{font-size:.8rem;padding:.4rem .8rem}.smokefree-page .hero-badges{align-items:center;gap:.75rem}.smokefree-page .hero-badges a,.smokefree-page .hero-badges img{height:3rem}.smokefree-page .features-grid,.smokefree-page .steps-grid{grid-template-columns:1fr}.smokefree-page .features-grid{gap:1.5rem}.smokefree-page .feature-card{padding:1.5rem}.smokefree-page .feature-icon{font-size:2rem}.smokefree-page .feature-title{font-size:1.1rem}.smokefree-page .section-title{font-size:1.75rem}.smokefree-page .section-subtitle{font-size:1rem}.smokefree-page .cta-title{font-size:1.75rem}.smokefree-page .cta-desc{font-size:1rem}.smokefree-page .cta-box{padding:2rem 1.5rem}.smokefree-page .cta-badges img{height:3rem}.smokefree-page .phone-mockup{height:30rem;padding:.6rem;width:15rem}.smokefree-page .phone-notch{height:1.2rem;top:1.2rem;width:6rem}.smokefree-page .floating-element-1,.smokefree-page .floating-element-2{display:none}.smokefree-page .footer-content{flex-direction:column;gap:1rem;text-align:center}.smokefree-page .footer-links{flex-direction:column;gap:1rem}.smokefree-page .nav-logo span{font-size:1rem}.smokefree-page .nav-logo img{height:2rem;width:2rem}.smokefree-page .hero-grid{gap:2rem}.smokefree-page .cta-section,.smokefree-page .features-section,.smokefree-page .steps-section{padding:3rem 1rem}.smokefree-page .section-header{margin-bottom:2rem}.smokefree-page .step-number{font-size:1.5rem;height:4rem;width:4rem}.smokefree-page .step-title{font-size:1.25rem}}@media (max-width:480px){.smokefree-page .hero-title{font-size:1.75rem}.smokefree-page .hero-badges a,.smokefree-page .hero-badges img{height:2.75rem}.smokefree-page .phone-mockup{height:26rem;width:13rem}.smokefree-page .cta-title,.smokefree-page .section-title{font-size:1.5rem}.smokefree-page .feature-card{padding:1.25rem}.smokefree-page .nav-content{padding:0 .5rem}}@media (min-width:768px){.smokefree-page .hero-badges{flex-direction:row}.smokefree-page .step-connector{display:block}}@font-face{font-family:Terminus;src:url(https://fonts.cdnfonts.com/css/terminus) format("truetype")}body{animation:fadeIn 1.2s ease-in-out forwards;color:#000;font-family:Terminus,monospace;height:100%;line-height:1.6;margin:0;overflow-x:hidden;padding:0;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#1a1a1a;color:#fff}body,html{height:100%;margin:0;padding:0}section{animation:none!important;opacity:1!important}#about,#contact,#home,#projects,#resume{display:block!important;visibility:visible!important}.about-section{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;opacity:0;text-align:left}.about-section.visible{animation:fadeInLeftToRight 1s ease-out forwards}.about-section:not(.visible){animation:fadeOutRight 1s ease-in forwards}.about-content{align-items:flex-start;display:flex;flex-direction:column;text-align:left;width:100%}.about-title{font-size:2rem;font-weight:700;margin-bottom:1rem;text-align:left}.about-section p{font-size:1rem;margin-bottom:1.5rem;text-align:left}.resume-button{background-color:#000;border:none;border-radius:4px;color:#fff;cursor:pointer;display:inline-block;padding:.75rem 1.5rem;text-decoration:none;transition:background-color .3s ease,transform .3s ease}body.dark-mode .resume-button{background-color:#fff;color:#000}.resume-button:hover{background-color:#555;transform:translateY(-2px)}body.dark-mode .resume-button:hover{background-color:#ccc}section{align-items:flex-start;display:flex;flex-direction:column;justify-content:center;margin:0 auto;max-width:1000px;min-height:100vh;padding:2rem;text-align:left;will-change:opacity,transform}#resume,section{opacity:0}#resume.visible{animation:fadeInLeft 1s ease-out forwards}#resume:not(.visible){animation:fadeOutLeft 1s ease-in forwards}#projects{opacity:0}#projects.visible{animation:fadeInRight 1s ease-out forwards}#projects:not(.visible){animation:fadeOutRight 1s ease-in forwards}#contact{opacity:0}#contact.visible{animation:fadeInDown 1s ease-out forwards}#contact:not(.visible){animation:fadeOutUp 1s ease-in forwards}@media (max-width:768px){#home{padding-bottom:2rem;padding-top:5rem}.profile-picture{height:120px;width:120px}.name-star{height:1.25rem;width:1.25rem}.menu-toggle-container{left:70%;position:absolute;transform:translateX(-50%)}.menu-button{display:block}.theme-toggle{display:block;left:-75%;position:absolute}.nav-links{align-items:center;background:#fff;box-shadow:0 2px 4px #0000000d;flex-direction:column;gap:1rem;left:0;opacity:0;padding:1rem 0;position:absolute;top:100%;transform:translateY(-20px);transition:opacity .4s ease-in-out,transform .4s ease-in-out,visibility .4s;visibility:hidden;width:100%}body.dark-mode .nav-links{background:#1a1a1a}.nav-links.open{opacity:1;transform:translateY(0);visibility:visible}.about-title{font-size:1.5rem}.about-section p{font-size:.9rem}#home.visible{animation:fadeInUp .8s ease-out forwards}#home:not(.visible){animation:fadeOutDown .8s ease-in forwards}.about-section.visible{animation:fadeInLeftToRight .8s ease-out forwards}.about-section:not(.visible){animation:fadeOutRight .8s ease-in forwards}#resume.visible{animation:fadeInLeft .8s ease-out forwards}#resume:not(.visible){animation:fadeOutLeft .8s ease-in forwards}#projects.visible{animation:fadeInRight .8s ease-out forwards}#projects:not(.visible){animation:fadeOutRight .8s ease-in forwards}#contact.visible{animation:fadeInDown .8s ease-out forwards}#contact:not(.visible){animation:fadeOutUp .8s ease-in forwards}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInLeftToRight{0%{opacity:0;transform:translateX(-60px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;transform:translateX(-40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(40px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-40px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeOutDown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(40px)}}@keyframes fadeOutRight{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(60px)}}@keyframes fadeOutLeft{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-40px)}}@keyframes fadeOutUp{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-40px)}}.ark7-style-container{font-family:Terminus,monospace;margin:0 auto;max-width:1200px}.app-hero{align-items:center;display:flex;gap:3rem;padding:4rem 2rem}.hero-content{flex:1 1}.hero-content h1{font-size:3.5rem;margin-bottom:1rem}.hero-subtitle{color:#666;font-size:1.5rem;margin-bottom:2rem}.hero-badges{display:flex;gap:1rem}.hero-badges img{height:50px}.hero-image{background:#f5f5f5;border-radius:16px;flex:1 1;height:500px}.value-props{background:#f9f9f9;display:flex;gap:2rem;padding:4rem 2rem}.prop-card{background:#fff;border-radius:12px;box-shadow:0 4px 12px #0000000d;flex:1 1;padding:2rem}.prop-icon{font-size:2.5rem;margin-bottom:1rem}.app-showcase{padding:4rem 2rem;text-align:center}.showcase-steps{display:flex;gap:3rem;justify-content:center;margin:3rem 0}.step{flex-direction:column;gap:1rem}.step,.step-number{align-items:center;display:flex}.step-number{background:#000;border-radius:50%;color:#fff;font-size:1.5rem;height:50px;justify-content:center;width:50px}.app-screenshots{display:flex;gap:2rem;margin-top:3rem}.cta-section{background:#f9f9f9;padding:4rem 2rem;text-align:center}.cta-section h2{margin-bottom:2rem}.cta-badges{display:flex;gap:1rem;justify-content:center}
/*# sourceMappingURL=main.a8a051b0.css.map*/