:root{--bg-color: #111111;--text-main: #ffffff;--text-muted: #aaaaaa;--accent-color: #ff3b5c;--secondary-color: #2dd4bf;--yellow-color: #facc15;--border-width: 3px;--border-color: #ffffff;--card-shadow: 6px 6px 0px #ffffff;--btn-shadow: 4px 4px 0px #ffffff;--font-family: "Inter", system-ui, -apple-system, sans-serif;--card-bg: #1e1e1e}body.light{--bg-color: #f0f0f0;--text-main: #000000;--text-muted: #555555;--border-color: #000000;--card-shadow: 6px 6px 0px #000000;--btn-shadow: 4px 4px 0px #000000;--card-bg: #fff}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease,border-color .3s ease,box-shadow .3s ease}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);line-height:1.4;overflow-x:hidden;padding:0 1rem}.header{display:flex;justify-content:space-between;align-items:center;padding:2rem;max-width:1200px;margin:1rem auto;background:var(--card-bg);border:var(--border-width) solid var(--border-color);box-shadow:var(--card-shadow)}.logo-container{display:flex;align-items:center;gap:1rem}.logo{width:48px;height:48px;border:var(--border-width) solid var(--border-color);border-radius:4px}.logo-text{font-weight:900;font-size:1.5rem;text-transform:uppercase;letter-spacing:2px}.hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:4rem 2rem;max-width:1200px;margin:2rem auto;gap:3rem;background:var(--card-bg);border:var(--border-width) solid var(--border-color);box-shadow:var(--card-shadow);position:relative}@media(min-width:768px){.hero{flex-direction:row;text-align:left;justify-content:space-between;padding:5rem}.hero-content{max-width:60%}}.hero-title{font-size:3rem;font-weight:900;line-height:1;margin-bottom:2rem;text-transform:uppercase}@media(min-width:768px){.hero-title{font-size:5rem}}.gradient-text{color:var(--accent-color);-webkit-text-fill-color:initial;background:none;text-shadow:4px 4px 0px var(--border-color)}.hero-subtitle{font-size:1.5rem;font-weight:600;color:var(--text-main);margin-bottom:3rem;max-width:600px;background:var(--yellow-color);padding:.5rem 1rem;display:inline-block;border:var(--border-width) solid var(--border-color);transform:rotate(-1deg)}.app-store-button{display:inline-flex;align-items:center;background-color:var(--accent-color);color:#fff;padding:1rem 2rem;border:var(--border-width) solid var(--border-color);text-decoration:none;gap:1rem;transition:transform .1s;box-shadow:var(--btn-shadow)}.app-store-button:active{transform:translate(2px,2px);box-shadow:0 0 #000}.btn-text{display:flex;flex-direction:column;line-height:1;align-items:flex-start}.small-text{font-size:.8rem;font-weight:700;text-transform:uppercase}.big-text{font-size:1.5rem;font-weight:900;text-transform:uppercase}.hero-visual{position:relative;width:100%;max-width:320px;margin:0 auto}.phone-mockup{width:280px;height:560px;background:#000;border:var(--border-width) solid var(--border-color);position:relative;box-shadow:12px 12px 0 var(--secondary-color);padding:10px;border-radius:20px}.screen-content{width:100%;height:100%;background:var(--card-bg);border:2px solid var(--border-color);display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:10px}.preview-img{width:100%;height:100%;object-fit:cover}.features{padding:4rem 2rem;margin:4rem 0}.container{max-width:1200px;margin:0 auto}.section-title{text-align:center;font-size:3rem;font-weight:900;margin-bottom:4rem;text-transform:uppercase;text-decoration:underline 8px var(--yellow-color)}.feature-grid{display:grid;grid-template-columns:1fr;gap:3rem}@media(min-width:768px){.feature-grid{grid-template-columns:repeat(3,1fr)}}.feature-card{background:var(--card-bg);padding:3rem 2rem;border:var(--border-width) solid var(--border-color);box-shadow:var(--card-shadow);transition:transform .1s;display:flex;flex-direction:column;align-items:center;text-align:center}.feature-card:hover{transform:translate(-4px,-4px);box-shadow:10px 10px 0 var(--border-color)}.feature-img{width:100%;height:200px;object-fit:cover;border:var(--border-width) solid var(--border-color);margin-bottom:2rem}.icon{font-size:4rem;margin-bottom:2rem;display:inline-block;padding:1rem;background:var(--secondary-color);border:var(--border-width) solid var(--border-color)}.feature-card h3{font-size:1.75rem;margin-bottom:1rem;font-weight:900;text-transform:uppercase}.feature-card p{font-size:1.1rem;font-weight:600}.footer{background-color:var(--card-bg);padding:4rem 2rem;text-align:center;border:var(--border-width) solid var(--border-color);box-shadow:var(--card-shadow);margin-bottom:2rem}.theme-toggle{background:var(--yellow-color);border:var(--border-width) solid var(--border-color);cursor:pointer;padding:.5rem;display:flex;align-items:center;justify-content:center;box-shadow:4px 4px 0 var(--border-color)}.theme-toggle:active{transform:translate(2px,2px);box-shadow:0 0 0 transparent}.theme-toggle svg{width:24px;height:24px;fill:#000}body.dark .theme-toggle{background:var(--secondary-color)}.legal-content{max-width:800px;margin:4rem auto;padding:3rem;background:var(--card-bg);border:var(--border-width) solid var(--border-color);box-shadow:var(--card-shadow)}.legal-content h1{font-size:3rem;margin-bottom:2rem;text-align:center;font-weight:900;text-transform:uppercase;text-decoration:underline 6px var(--accent-color)}.legal-section{margin-bottom:2.5rem}.legal-section h2{font-size:1.8rem;margin-bottom:1.5rem;color:var(--text-main);font-weight:900;text-transform:uppercase}.legal-section p{color:var(--text-muted);line-height:1.8;margin-bottom:1rem}.legal-section ul{margin-left:1.5rem;margin-bottom:1rem;color:var(--text-muted)}.legal-section li{margin-bottom:.5rem}.back-link{display:inline-flex;align-items:center;color:var(--text-main);text-decoration:none;margin-bottom:2rem;font-weight:600;gap:.5rem}.back-link:hover{color:var(--accent-color)}