@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";.App{display:flex;flex-direction:column;min-height:100vh}.header{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;width:100%;position:relative;z-index:10}.header .logo{display:flex;align-items:center}.logo-img{height:72px;width:auto}.nav-buttons{display:flex;gap:15px}.btn{padding:10px 20px;border-radius:25px;text-decoration:none;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;display:inline-block;text-align:center}.btn.primary{background-color:#fff;color:#000;border:1px solid #fff}.btn.primary:hover{background-color:#f0f0f0;transform:translateY(-1px)}.btn.secondary{background-color:#333;color:#fff;border:1px solid #333}.btn.secondary:hover{background-color:#444;transform:translateY(-1px)}.main-content{flex:1;display:flex;justify-content:center;align-items:center;padding:50px;gap:100px;position:relative}.left-section{flex:1;max-width:500px;display:flex;flex-direction:column;gap:30px;z-index:5}.headline{font-size:60px;font-weight:700;line-height:1.1;color:#fff;margin-bottom:20px}.features{list-style:none;display:flex;flex-direction:column;gap:15px;font-size:22px;font-weight:600;margin-bottom:20px}.features li{display:flex;align-items:center;color:#fff}.features .emoji{margin-right:15px;font-size:24px}.description{font-size:18px;line-height:1.5;color:#ccc;margin-bottom:30px}.app-buttons{display:flex;gap:15px;align-self:flex-start;flex-wrap:wrap}.app-store-btn,.google-play-btn{display:inline-block;transition:transform .3s ease,opacity .3s ease}.app-store-btn:hover,.google-play-btn:hover{transform:translateY(-2px);opacity:.9}.app-store-btn img,.google-play-btn img{height:60px;width:auto;border-radius:8px}.right-section{flex:1;display:flex;justify-content:center;align-items:center;position:relative}.phone-mockup{width:300px;height:600px;background:linear-gradient(145deg,#1a1a1a,#2a2a2a);border-radius:40px;padding:10px;box-shadow:0 20px 40px #00000080,0 0 0 1px #ffffff1a,inset 0 1px #ffffff1a;transform:rotate(5deg);display:flex;justify-content:center;align-items:center;position:relative;z-index:5}.phone-mockup:before{content:"";position:absolute;top:20px;left:50%;transform:translate(-50%);width:60px;height:4px;background-color:#333;border-radius:2px}.phone-screen{width:100%;height:100%;background-color:#000;border-radius:30px;overflow:hidden;display:flex;flex-direction:column;position:relative}.status-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 15px;font-size:12px;background-color:#000;color:#fff;font-weight:500}.status-icons{display:flex;gap:8px;align-items:center}.signal-icon{width:18px;height:12px;background:linear-gradient(90deg,#fff 0%,#fff 20%,transparent 20%,transparent 40%,#fff 40%,#fff 60%,transparent 60%,transparent 80%,#fff 80%,#fff 100%);background-size:18px 12px;border-radius:1px}.battery-icon{width:24px;height:12px;border:1px solid #fff;border-radius:2px;position:relative}.battery-icon:after{content:"";position:absolute;right:-3px;top:3px;width:2px;height:6px;background-color:#fff;border-radius:0 1px 1px 0}.battery-icon:before{content:"";position:absolute;left:2px;top:2px;width:18px;height:6px;background-color:#fff;border-radius:1px}.app-header{text-align:center;padding:10px 0;background-color:#000;border-bottom:1px solid #333;display:flex;justify-content:center;align-items:center}.app-logo{height:20px;width:auto}.camera-view{flex:1;position:relative;background:linear-gradient(135deg,#1a1a1a,#2a2a2a,#1a1a1a);display:flex;flex-direction:column;overflow:hidden}.camera-view:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle at 20% 20%,rgba(255,255,255,.02) 1px,transparent 1px),radial-gradient(circle at 80% 80%,rgba(255,255,255,.02) 1px,transparent 1px);background-size:50px 50px;opacity:.3}.camera-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;justify-content:space-between;padding:15px}.top-controls,.bottom-controls{display:flex;justify-content:space-between;align-items:center}.control-btn{width:36px;height:36px;background-color:#ffffff26;border-radius:18px;display:flex;justify-content:center;align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);position:relative}.close-btn:before{content:"";position:absolute;width:12px;height:2px;background-color:#fff;transform:rotate(45deg)}.close-btn:after{content:"";position:absolute;width:12px;height:2px;background-color:#fff;transform:rotate(-45deg)}.flash-btn:before{content:"";position:absolute;width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:8px solid #fff;transform:rotate(-15deg)}.flash-btn:after{content:"";position:absolute;width:2px;height:6px;background-color:#fff;transform:rotate(-15deg) translate(2px,2px)}.flip-btn:before{content:"";position:absolute;width:8px;height:8px;border:2px solid #fff;border-radius:2px;transform:rotate(45deg)}.flip-btn:after{content:"";position:absolute;width:6px;height:6px;border:2px solid #fff;border-radius:2px;transform:rotate(45deg) translate(4px,-4px)}.gallery-btn:before{content:"";position:absolute;width:12px;height:10px;border:2px solid #fff;border-radius:2px}.gallery-btn:after{content:"";position:absolute;width:4px;height:4px;background-color:#fff;border-radius:50%;transform:translate(-2px,-2px)}.capture-button{width:65px;height:65px;background-color:#fff;border-radius:32px;display:flex;justify-content:center;align-items:center;border:3px solid rgba(0,0,0,.1);box-shadow:0 4px 15px #0000004d;margin-bottom:60px}.capture-inner{width:45px;height:45px;background-color:#f59e0b;border-radius:22px}.challenge-prompt{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#000000e6);padding:15px 20px 20px;border-top:1px solid rgba(255,255,255,.1)}.challenge-label{color:#ffffffb3;font-size:11px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:px}.challenge-text{color:#fff;font-size:16px;font-weight:600;line-height:1.2;word-wrap:break-word}.footer{display:flex;justify-content:space-between;align-items:center;padding:20px 50px;width:100%;font-size:14px;color:#888;border-top:1px solid #222;background-color:#000}.footer-left{display:flex;gap:20px;align-items:center}.footer-links{display:flex;gap:20px;flex-wrap:wrap}.footer-links a{color:#888;text-decoration:none;transition:color .3s ease}.footer-links a:hover{color:#fff}.language{cursor:pointer;transition:color .3s ease}.language:hover{color:#fff}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 50%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(120,219,255,.1) 0%,transparent 50%);z-index:-1;pointer-events:none}@keyframes float{0%,to{transform:rotate(5deg) translateY(0)}50%{transform:rotate(5deg) translateY(-10px)}}.phone-mockup{animation:float 6s ease-in-out infinite}.btn{transition:all .3s cubic-bezier(.4,0,.2,1)}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000004d}html{scroll-behavior:smooth}@media(max-width:1200px){.main-content{gap:50px;padding:30px}.headline{font-size:50px}.phone-mockup{width:280px;height:560px}}@media(max-width:1024px){.main-content{flex-direction:column;gap:50px;padding:30px;text-align:center}.left-section{max-width:100%;align-items:center}.headline{font-size:48px}.features{font-size:20px;align-items:center}.description{font-size:16px;text-align:center}.app-buttons{align-self:center;justify-content:center}.app-store-btn img,.google-play-btn img{height:50px}.phone-mockup{transform:none;width:280px;height:560px}.camera-overlay{padding:12px}.control-btn{width:32px;height:32px}.close-btn:before,.close-btn:after{width:10px}.flash-btn:before{border-left:3px solid transparent;border-right:3px solid transparent;border-bottom:6px solid #fff}.flash-btn:after{width:1px;height:4px}.flip-btn:before{width:6px;height:6px}.flip-btn:after{width:4px;height:4px}.gallery-btn:before{width:10px;height:8px}.gallery-btn:after{width:3px;height:3px}.capture-button{width:55px;height:55px}.capture-inner{width:38px;height:38px}.challenge-text{font-size:14px}.challenge-label{font-size:10px}.footer{flex-direction:column;gap:15px;text-align:center;padding:20px 30px}.footer-links{justify-content:center}}@media(max-width:768px){.header{flex-direction:column;gap:15px;padding:15px 20px}.nav-buttons{flex-wrap:wrap;justify-content:center}.logo-img{height:40px}.app-logo{height:18px}.headline{font-size:38px}.features{font-size:18px}.description{font-size:15px}.app-store-btn img,.google-play-btn img{height:45px}.phone-mockup{width:260px;height:520px}.camera-overlay{padding:10px}.control-btn{width:30px;height:30px}.close-btn:before,.close-btn:after{width:8px}.flash-btn:before{border-left:2px solid transparent;border-right:2px solid transparent;border-bottom:5px solid #fff}.flash-btn:after{width:1px;height:3px}.flip-btn:before{width:5px;height:5px}.flip-btn:after{width:3px;height:3px}.gallery-btn:before{width:8px;height:6px}.gallery-btn:after{width:2px;height:2px}.capture-button{width:50px;height:50px}.capture-inner{width:35px;height:35px}.challenge-text{font-size:13px}.challenge-label{font-size:9px}}@media(max-width:480px){.logo-img{height:36px}.app-logo{height:16px}.btn{padding:8px 15px;font-size:14px}.headline{font-size:30px}.features{font-size:16px}.description{font-size:14px}.app-store-btn img,.google-play-btn img{height:40px}.footer{font-size:12px}.footer-left{flex-direction:column;gap:5px}.footer-links{gap:10px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,sans-serif;background-color:#000;color:#fff;line-height:1.6;overflow-x:hidden}#root{min-height:100vh;display:flex;flex-direction:column}