.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:.5rem}.menu-button{background:none;border:none;color:#000;cursor:pointer;display:none;font-size:1.8rem;padding:.5rem;transition:color .3s ease;z-index:1001}body.dark-mode .menu-button{color:#fff}@media (max-width:768px){.menu-button{display:block}.menu-toggle-container{gap:.5rem}}.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{justify-content:space-between;padding:.5rem 1rem}.logo{margin-right:auto}.menu-toggle-container{margin-left:auto;margin-right:0}.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:8rem 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{border:5px solid #fff;border-radius:50%;box-shadow:0 8px 24px #00000026;flex-shrink:0;height:220px;margin:0 auto;max-height:220px;max-width:220px;min-height:220px;min-width:220px;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1),box-shadow .4s cubic-bezier(.4,0,.2,1);width:220px}body.dark-mode .profile-picture{border-color:#1a1a1a}.profile-picture:hover{box-shadow:0 12px 32px #00000040;transform:scale(1.08)}.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:8rem 2rem 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:7rem 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}}.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}}@font-face{font-display:swap;font-family:Terminus;src:url(https://fonts.cdnfonts.com/css/terminus) format("truetype")}img{display:block;height:auto;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;max-width:100%}img[loading=lazy]{opacity:0;transition:opacity .3s ease-in}img[loading=lazy].loaded,img[loading=lazy]:not([data-src]){opacity:1}img{-webkit-backface-visibility:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform}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{align-items:center;display:flex;gap:.5rem}.menu-button{display:block}.theme-toggle{display:block;position:static}.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)}}.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}}.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}}.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.36a7c703.css.map*/