.phone-container{position:relative;width:318px;height:668px;flex-shrink:0;cursor:pointer;z-index:10;filter:drop-shadow(0px 6px 12px rgba(0,0,0,.15))}.phone-frame{width:100%;height:100%;position:relative;background:radial-gradient(100% 100% at 100% 100%,#ff006205,#0ff0),linear-gradient(167deg,#9c886e,#7a6d5b);border-radius:49px;padding:9px;overflow:hidden}.phone-inner-shadow{position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.25) 0%,rgba(255,255,255,.08) 2%,rgba(255,255,255,.02) 5%,transparent 15%),linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.02) 1.5%,transparent 6%),linear-gradient(270deg,rgba(255,255,255,.06) 0%,rgba(255,255,255,.02) 1.5%,transparent 6%),linear-gradient(0deg,rgba(255,255,255,.04) 0%,rgba(255,255,255,.01) 1%,transparent 4%);pointer-events:none;z-index:101}.phone-bezel-overlay{position:absolute;inset:0;background:radial-gradient(100% 100% at 100% 100%,#ff006205,#0ff0),linear-gradient(167deg,#9c886e,#7a6d5b);pointer-events:none;z-index:100}.phone-screen{position:absolute;inset:9px;border-radius:40px;overflow:hidden;pointer-events:none;z-index:1;transform-origin:center center;display:flex;align-items:center;justify-content:center}.sheet-bg{position:absolute;inset:9px;background:#000;border-radius:40px;z-index:0}.screenshot-image{position:absolute;width:100%;height:100%;display:block;object-fit:cover;object-position:center;z-index:2;transform-origin:center center}.dynamic-island{position:absolute;top:19.5px;left:50%;transform:translate(-50%);width:88px;height:26px;background:#000;border-radius:13px;z-index:200;pointer-events:none}@media(max-width:768px){.phone-container{width:254.4px;height:534.4px}.phone-frame{padding:7.2px}.phone-screen,.sheet-bg{inset:7.2px}.dynamic-island{top:calc(7.2px + 8.4px);width:70.4px;height:20.8px}}.email-signup-container{width:100%;max-width:500px;margin:0 auto}.email-signup-form{display:flex;gap:12px;width:100%}.email-input{flex:1;padding:14px 20px;font-size:16px;border:2px solid rgba(255,255,255,.15);border-radius:12px;background:#ffffff0d;color:#fff;outline:none;transition:all .3s ease;font-family:inherit}.email-input::placeholder{color:#fff6}.email-input:focus{border-color:#ffffff4d;background:#ffffff14}.email-input:disabled{opacity:.6;cursor:not-allowed}.submit-button{padding:14px 28px;font-size:16px;font-weight:600;border:none;border-radius:12px;background:#ffffffe6;color:#000;cursor:pointer;transition:all .3s ease;white-space:nowrap;font-family:inherit}.submit-button:hover:not(:disabled){background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #fff3}.submit-button:active:not(:disabled){transform:translateY(0)}.submit-button:disabled{opacity:.7;cursor:not-allowed}.loading-spinner{display:flex;align-items:center;gap:8px}.spinner{width:20px;height:20px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.success-message{display:flex;align-items:center;justify-content:center;gap:12px;padding:20px;background:#22c55e1a;border:2px solid rgba(34,197,94,.3);border-radius:12px;color:#fff}.success-icon{width:28px;height:28px;color:#22c55e}.success-message p{margin:0;font-size:18px;font-weight:600}.error-message{margin-top:12px;padding:12px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#f87171;font-size:14px;text-align:center}@media(max-width:768px){.email-signup-form{flex-direction:column}.submit-button{width:100%}.email-input,.submit-button{padding:16px 20px;font-size:16px}}.footer{width:100%;padding:24px 0;text-align:center}.footer p{margin:0;font-size:14px;color:#fff9}.footer-link{color:#ffffffe6;text-decoration:none;font-weight:600;transition:color .2s ease}.footer-link:hover{color:#fff;text-decoration:underline}.app{min-height:100vh;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:40px 20px;position:relative}.app:before{content:"";position:absolute;inset:0;background-image:url(/background.webp);background-size:cover;background-position:center;background-repeat:no-repeat;z-index:-1}.content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:40px;width:100%;max-width:1200px;z-index:1}.logo{width:180px;height:auto;filter:drop-shadow(0 4px 12px rgba(0,0,0,.2))}.subtitle{font-size:20px;font-weight:400;color:#fff;text-align:center;margin:0;text-shadow:0 2px 8px rgba(0,0,0,.3);max-width:600px;line-height:1.4}.phone-wrapper{display:flex;justify-content:center;align-items:center;margin:20px 0}.signup-wrapper{width:100%;max-width:500px;margin-top:20px}@media(max-width:768px){.app{padding:20px 16px}.content{gap:30px}.logo{width:140px}.subtitle{font-size:18px}.phone-wrapper{margin:10px 0}.signup-wrapper{margin-top:10px}}@media(max-width:480px){.subtitle{font-size:16px;max-width:320px}.logo{width:120px}}@supports not (background-image: url(/background.webp)){.app:before{background:linear-gradient(135deg,#8b5cf6,#3b82f6)}}*{box-sizing:border-box;margin:0;padding:0}html,body{margin:0;padding:0;width:100%;height:100%;overflow-x:hidden}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}#root{width:100%;min-height:100vh}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3}a{color:inherit;text-decoration:none}button{border:none;outline:none;background:none;cursor:pointer;font-family:inherit}input{outline:none;font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid rgba(255,255,255,.5);outline-offset:2px}::selection{background-color:#fff3;color:#fff}