@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:100%;ascent-override:90%;descent-override:22%;line-gap-override:10%}@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(https://fonts.gstatic.com/s/inter/v13/UcC73FwrK3iLTeHuS_fvQtMwCp50KnMa1ZL7.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;size-adjust:100%;ascent-override:90%;descent-override:22%;line-gap-override:10%}:root{--bg-dark:#121212;--text-dark:#EAEAEA;--card-bg-dark:#1E1E1E;--accent:#00FF7F;--accent-dark:#00D168;--border-dark:#333}html{scroll-behavior:smooth}body{font-family:'Inter',-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0;background-color:var(--bg-dark);color:var(--text-dark);transition:background-color .3s ease,color .3s ease}.container{max-width:1100px;margin:0 auto;padding:0 20px}.section{padding:80px 0;text-align:center}h1,h2,h3{font-weight:700;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}h1{font-size:3rem}h2{font-size:2.5rem}h3{font-size:1.5rem}p{max-width:70ch;margin:0 auto 20px auto;line-height:1.7;font-size:1.1rem}p:last-of-type{margin-bottom:0}.cta-button{display:inline-block;background-image:linear-gradient(45deg,var(--accent),var(--accent-dark));color:#000;padding:15px 35px;border-radius:50px;text-decoration:none;font-weight:700;font-size:1.1rem;text-transform:uppercase;box-shadow:0 10px 20px rgba(0,255,127,0.2);transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-3px);box-shadow:0 15px 30px rgba(0,255,127,0.3)}.hero .cta-button{margin-top:30px}.header{display:flex;justify-content:center;align-items:center;padding:20px 0}.header__logo{font-weight:700;font-size:1.5rem;text-decoration:none;color:var(--text-dark)}.header__logo-accent{color:var(--accent)}.hero{position:relative;overflow:hidden;padding:120px 0}.hero__background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(240deg,#1a0c33,#0d1a3b,#121212);background-size:400% 400%;animation:gradientAnimation 15s ease infinite;z-index:-2}.hero__grid{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgba(255,255,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,0.03) 1px,transparent 1px);background-size:50px 50px;z-index:-1;opacity:.5}@keyframes gradientAnimation{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}.hero__content{position:relative;z-index:1}.hero__subheadline{font-size:1.25rem;margin-bottom:40px;opacity:.9}.showcase{padding-top:40px}.showcase__container{perspective:1500px}.showcase__app{width:100%;max-width:400px;height:600px;margin:0 auto;border-radius:40px;box-shadow:0 40px 80px rgba(0,0,0,0.3);display:flex;flex-direction:column;transform:rotateX(10deg) rotateY(-5deg);transition:transform .5s ease;background-color:#0A0A0A;border:10px solid #2a2a2a}.showcase__app:hover{transform:rotateX(0) rotateY(0)}.showcase__header{padding:15px;text-align:center;font-weight:700;color:#fff}.showcase__content{flex-grow:1;background-color:#333;margin:0 10px;position:relative;overflow:hidden}.showcase__image{width:100%;height:100%;background:url('https://placehold.co/400x500/5c5c5c/ffffff?text=Your+Photo') center/cover no-repeat;position:absolute;top:0;left:0;transition:filter .4s ease}.showcase__watermark{position:absolute;bottom:10px;right:10px;background:rgba(0,0,0,0.5);color:white;padding:5px 10px;border-radius:5px;font-size:.8rem;opacity:1;transition:opacity .4s ease}.showcase__footer{padding:20px;display:flex;justify-content:space-around;align-items:center}.showcase__toggle{display:flex;align-items:center;cursor:pointer;user-select:none}.showcase__toggle-label{margin:0 10px;font-weight:700}.showcase__toggle-switch{width:50px;height:28px;background-color:#444;border-radius:14px;position:relative;transition:background-color .3s ease}.showcase__toggle-switch::before{content:'';position:absolute;width:22px;height:22px;border-radius:50%;background-color:white;top:3px;left:4px;transition:transform .3s ease}#mod-toggle{display:none}#mod-toggle:checked+.showcase__toggle .showcase__toggle-switch{background-color:var(--accent)}#mod-toggle:checked+.showcase__toggle .showcase__toggle-switch::before{transform:translateX(21px)}#mod-toggle:checked ~ .showcase__app .showcase__image{filter:saturate(1.5) contrast(1.1)}#mod-toggle:checked ~ .showcase__app .showcase__watermark{opacity:0}#mod-toggle:checked ~ .showcase__app .showcase__lock-icon{display:none}#mod-toggle:checked ~ .showcase__app .showcase__check-icon{display:block}.showcase__feature{display:flex;align-items:center;gap:8px}.showcase__check-icon{display:none;color:var(--accent)}.showcase__lock-icon{color:#888}.features__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.features__card{padding:40px;border-radius:15px;transition:transform .3s ease,box-shadow .3s ease;background-color:var(--card-bg-dark);border:1px solid var(--border-dark)}.features__card:hover{transform:translateY(-5px);box-shadow:0 15px 30px rgba(0,0,0,0.2)}.features__icon{color:var(--accent);margin-bottom:20px}.features__card h3{margin-bottom:15px}.features__card p{margin:0;max-width:none;font-size:1rem}.future-section{border-radius:20px;padding:60px 40px;background-color:var(--card-bg-dark)}.footer{padding:40px 0;border-top:1px solid var(--border-dark)}.footer__content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer__copyright{font-size:.9rem}.footer__socials{display:flex;gap:15px}.footer__social-link{transition:color .3s ease;color:var(--text-dark)}.footer__social-link:hover{color:var(--accent)}@media(max-width:768px){h1{font-size:2.5rem}h2{font-size:2rem}.section{padding:60px 0}.hero{padding:80px 0}.footer__content{flex-direction:column}}@media(max-width:480px){.showcase__app{height:550px;border-radius:30px}}