*{box-sizing:border-box;margin:0;padding:0}body{color:#1e1e1e;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#fff;min-height:100vh;font-family:Plus Jakarta Sans,sans-serif;line-height:1.4;overflow-x:hidden}.browser-container{background:#fff;border-radius:24px;flex-direction:column;max-width:1920px;min-height:100vh;margin:0 auto;display:flex;overflow:hidden;box-shadow:0 20px 40px #0000001a}.main-content{background:#fdf7f0;flex:1;justify-content:center;align-items:center;min-height:calc(100vh - 53px);padding:40px 20px;display:flex;position:relative}.image-container{aspect-ratio:561/555;flex:1;max-width:561px;position:absolute}.left-image{margin-right:10px;top:0;left:0}.right-image{margin-left:10px;bottom:-10px;right:0}.image-placeholder{background:linear-gradient(135deg,#e0e0e0,#f0f0f0);border-radius:12px;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.image-overlay{color:#666;background:#0000001a;border-radius:8px;padding:20px;font-size:14px;font-weight:500}.image-yellow,.image-light-blue{object-fit:cover;border-radius:12px;width:100%;height:100%}.logo-image{max-width:218px;height:auto}.center-content{text-align:center;flex-direction:column;align-items:center;gap:24px;width:798px;padding:0;display:flex}.logo-container{justify-content:center;align-items:center;padding:24px 70px;display:flex}.logo{align-items:center;gap:12px;display:flex}.subtitle{color:#000;text-align:center;letter-spacing:.48px;font-family:Plus Jakarta Sans;font-size:24px;font-style:normal;font-weight:600;line-height:150%}.main-title{color:#ffd14d;text-align:center;letter-spacing:-3.3px;font-family:Plus Jakarta Sans;font-size:110px;font-style:normal;font-weight:700;line-height:120%}.description{color:#000;text-align:center;letter-spacing:.48px;font-family:Plus Jakarta Sans;font-size:24px;font-style:normal;font-weight:400;line-height:150%}.footer{text-align:center;position:absolute;bottom:28px;left:50%;transform:translate(-50%)}.footer p{color:#1e1e1e;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:400;line-height:1.4}@media (max-width:1600px){.image-container{height:320px}}@media (max-width:1440px){.browser-container{max-width:1440px}.image-container{aspect-ratio:321/317.57;flex:1 0 0;height:317.567px}}@media (max-width:1366px){.browser-container{max-width:1366px}.image-container{aspect-ratio:284/280.96;flex:1 0 0;height:280.963px}}@media (max-width:1280px){.browser-container{max-width:1280px}.center-content{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:768px;padding:0 50px;display:flex}.logo-container{justify-content:center;align-items:center;padding:0;display:flex}.image-container{aspect-ratio:284.83/281.79;flex:1 0 0;width:284.832px}.main-title{color:#ffd14d;text-align:center;letter-spacing:-1.8px;font-size:60px;font-style:normal;font-weight:700;line-height:120%}.description{color:#000;text-align:center;letter-spacing:.32px;font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:600;line-height:150%}.email-form-container{max-width:350px;margin-top:24px}.email-input{padding:14px 16px;font-size:14px}.notify-button{min-width:100px;padding:14px 20px;font-size:14px}}@media (max-width:1024px){.browser-container{max-width:1024px}.image-container{aspect-ratio:155.45/153.79;align-self:stretch;width:155.448px;height:auto}.left-image{margin-right:0;top:-8px}.image-yellow,.image-light-blue{object-fit:contain;border-radius:12px;width:100%;height:100%}.center-content{flex-direction:column;justify-content:center;align-items:center;gap:24px;width:768px;padding:0 50px;display:flex}.main-title{letter-spacing:-1.8px;font-size:60px;font-style:normal;font-weight:700;line-height:120%}.description{letter-spacing:.32px;font-size:16px;font-style:normal;font-weight:600;line-height:150%}.email-form-container{max-width:320px;margin-top:20px}.email-input{padding:12px 14px;font-size:14px}.notify-button{min-width:90px;padding:12px 18px;font-size:14px}}@media (max-width:767px){.browser-container{border-radius:0;max-width:768px;min-height:100vh}.main-content{flex-direction:column;gap:30px;padding:40px 15px}.center-content{order:1;gap:20px}.main-title{color:#ffd14d;text-align:center;letter-spacing:-1.8px;font-family:Plus Jakarta Sans;font-size:60px;font-style:normal;font-weight:700;line-height:120%}.description{color:#000;text-align:center;letter-spacing:.32px;font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:600;line-height:150%}.subtitle{color:#000;text-align:center;font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:400;line-height:140%}.image-container{aspect-ratio:284.83/281.79;align-self:stretch;width:284.832px}.email-form-container{max-width:300px;margin-top:18px}.input-group{border-radius:8px;flex-direction:column}.email-input{border-bottom:1px solid #e0e0e0;border-radius:8px 8px 0 0}.notify-button{border-radius:0 0 8px 8px;width:100%}}@media (max-width:480px){.main-content{justify-content:flex-start;min-height:100vh;padding:0}.logo-image{max-width:157px;height:auto}.center-content{flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;padding:50px 24px 280px;display:flex}.main-title{color:#ffd14d;text-align:center;letter-spacing:-1.86px;font-family:Plus Jakarta Sans;font-size:62px;font-style:normal;font-weight:700;line-height:120%}.description{color:#000;text-align:center;font-family:Plus Jakarta Sans;font-size:14px;font-style:normal;font-weight:400;line-height:140%}.subtitle{color:#000;text-align:center;letter-spacing:.36px;font-family:Plus Jakarta Sans;font-size:18px;font-style:normal;font-weight:600;line-height:150%}.image-container{aspect-ratio:214.15/212.5;align-self:stretch;width:214.149px}.left-image{display:none}.footer{text-align:center;width:100%;bottom:28px}.email-form-container{max-width:280px;margin-top:16px}.input-group{flex-direction:row}.email-input{padding:12px 14px;font-size:14px}.notify-button{width:99px;padding:12px 16px;font-size:14px}.toast-container{top:10px;left:10px;right:10px}.toast{max-width:none;font-size:13px}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.center-content>*{animation:.6s ease-out fadeInUp}.center-content>:nth-child(2){animation-delay:.1s}.center-content>:nth-child(3){animation-delay:.2s}.center-content>:nth-child(4){animation-delay:.3s}.toolbar-item:hover{background:#e0e0e0;transition:background .2s}.image-placeholder:hover{transition:transform .3s;transform:scale(1.02)}.logo:hover .logo-icon{transition:transform .3s;transform:scale(1.1)}.email-form-container{width:100%;max-width:400px;margin-top:0}.email-form{width:100%}.input-group{border-radius:8px;align-items:center;gap:10px;display:flex;overflow:hidden}.email-input{color:#1e1e1e;background:#fff;border:1px solid #e0e0e0;border-radius:8px;outline:none;flex:1;align-items:center;padding:8.5px 14px;font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:400;line-height:100%;transition:all .3s;display:flex}.email-input::placeholder{color:#999;font-weight:400}.email-input:focus{background:#f8f9fa;outline:none}.email-input:disabled{color:#999;cursor:not-allowed;background:#f5f5f5;border:1px solid #e0e0e0}.email-input.invalid{background:#fff5f5;border:1px solid #ff4757!important}.notify-button:disabled{color:#999;cursor:not-allowed;box-shadow:none;background:#e0e0e0;border:1px solid #ccc;transform:none}.notify-button{cursor:pointer;color:#1e1e1e;background:#febf65;border:1px solid #c47401;border-radius:10.324px;justify-content:center;align-items:center;gap:8px;min-width:99px;padding:11px 12px;font-family:Plus Jakarta Sans;font-size:16px;font-style:normal;font-weight:400;line-height:100%;transition:all .3s;display:flex}.notify-button:hover:not(:disabled){background:#ffc107;transform:translateY(0);box-shadow:0 6px 16px #ffd14d4d}.notify-button:active:not(:disabled){transform:translateY(0)}.notify-button:disabled{color:#999;cursor:not-allowed;box-shadow:none;background:#e0e0e0;transform:none}.loading-spinner{border:2px solid #0000;border-top-color:#1e1e1e;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toast-container{z-index:10000;pointer-events:none;flex-direction:column;gap:10px;display:flex;position:fixed;top:20px;right:auto}.toast{opacity:0;pointer-events:auto;background:#fff;border-left:4px solid #4caf50;border-radius:8px;max-width:300px;padding:16px 20px;font-family:Plus Jakarta Sans,sans-serif;font-size:14px;font-weight:500;transition:all .3s;transform:translateY(-100%);box-shadow:0 4px 12px #00000026}.toast.show{opacity:1;transform:translateY(0)}.toast-success{color:#2e7d32;border-left-color:#4caf50}.toast-error{color:#c62828;border-left-color:#ff4757}