@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";html,body,#root{min-height:100%;margin:0}body{margin:0}:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f8fc;font-family:DM Sans,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 10% 0,#5b65ff12,#0000 28%),#f7f8fc;min-width:320px;margin:0}button,input,textarea{font:inherit}button{cursor:pointer}.app{min-height:100vh;overflow:hidden}.header{z-index:10;justify-content:space-between;align-items:center;max-width:1240px;height:76px;margin:0 auto;padding:0 28px;display:flex;position:relative}.logo-button{color:#172033;background:0 0;border:0;align-items:center;gap:9px;padding:0;font-family:Manrope,sans-serif;font-size:20px;font-weight:800;display:flex}.logo-icon{color:#fff;background:linear-gradient(135deg,#5c63ff,#8d5cff);border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;display:flex;box-shadow:0 7px 20px #5b63ff38}.desktop-nav{align-items:center;gap:7px;display:flex}.desktop-nav button{color:#667085;background:0 0;border:0;border-radius:10px;padding:10px 14px;font-size:14px;font-weight:600;transition:all .2s}.desktop-nav button:hover{color:#172033;background:#eef0f8}.desktop-nav .account-button{color:#172033;background:#fff;border:1px solid #e5e7ef;margin-left:7px;box-shadow:0 3px 10px #141e3c0a}.mobile-favorites{display:none}.hero{text-align:center;max-width:850px;margin:0 auto;padding:105px 24px 95px;position:relative}.hero:before{content:"";filter:blur(80px);z-index:-1;background:#685dff14;border-radius:50%;width:430px;height:430px;position:absolute;top:30px;left:50%;transform:translate(-50%)}.hero-badge{color:#636b82;background:#ffffffbf;border:1px solid #e2e4f1;border-radius:100px;align-items:center;gap:7px;margin-bottom:24px;padding:8px 13px;font-size:12px;font-weight:700;display:inline-flex;box-shadow:0 5px 20px #28325a0a}.hero-badge span{color:#645cff}.hero h1{letter-spacing:-3.5px;color:#131a2a;margin:0;font-family:Manrope,sans-serif;font-size:clamp(48px,7vw,78px);line-height:1.02}.hero h1 span{background:linear-gradient(100deg,#5364ff,#9a54ef);color:#0000;-webkit-background-clip:text;background-clip:text}.hero-text{color:#697386;max-width:650px;margin:28px auto 32px;font-size:17px;line-height:1.7}.main-cta{color:#fff;background:linear-gradient(110deg,#5965ff,#8059e8);border:0;border-radius:15px;align-items:center;gap:11px;padding:17px 21px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex;box-shadow:0 15px 35px #5c5df040}.main-cta:hover{transform:translateY(-3px);box-shadow:0 20px 42px #5c5df04d}.main-cta .arrow{margin-left:5px;font-size:18px}.hero-note{color:#9299a9;margin-top:15px;font-size:12px}.features{grid-template-columns:repeat(3,1fr);gap:18px;max-width:1100px;margin:0 auto;padding:0 24px 105px;display:grid}.feature-card{background:#ffffffd1;border:1px solid #e8eaf1;border-radius:20px;padding:28px;box-shadow:0 10px 30px #1c274609}.feature-icon{border-radius:13px;justify-content:center;align-items:center;width:43px;height:43px;margin-bottom:22px;font-size:19px;display:flex}.feature-icon.blue{color:#5965ff;background:#eef0ff}.feature-icon.purple{color:#895be9;background:#f2edff}.feature-icon.pink{color:#df5e9d;background:#fff0f7}.feature-card h3{margin:0 0 9px;font-size:16px}.feature-card p{color:#747d8f;margin:0;font-size:14px;line-height:1.65}.how-section{text-align:center;max-width:1100px;margin:0 auto;padding:90px 24px}.section-label{color:#6964dc;letter-spacing:1.6px;margin-bottom:12px;font-size:10px;font-weight:800}.how-section h2{letter-spacing:-1.3px;margin:0;font-family:Manrope,sans-serif;font-size:34px}.steps{justify-content:center;align-items:center;margin-top:55px;display:flex}.step{width:250px}.step>span{color:#726be7;font-size:12px;font-weight:800}.step h3{margin:10px 0 7px;font-size:16px}.step p{color:#7a8394;margin:0;font-size:13px;line-height:1.5}.step-line{background:#dfe2eb;width:70px;height:1px}.bottom-cta{color:#fff;background:radial-gradient(circle at 90% 10%,#8f61ff4d,#0000 35%),linear-gradient(110deg,#171d31,#202541);border-radius:25px;justify-content:space-between;align-items:center;max-width:1100px;margin:20px auto 90px;padding:42px 48px;display:flex}.small-star{color:#9d8dff}.bottom-cta h2{margin:8px 0 5px;font-family:Manrope,sans-serif;font-size:28px}.bottom-cta p{color:#aeb5c8;margin:0;font-size:14px}.bottom-cta button{color:#1b2030;background:#fff;border:0;border-radius:12px;align-items:center;gap:14px;padding:13px 17px;font-weight:700;display:flex}.footer{color:#9299a8;border-top:1px solid #e6e8ee;justify-content:space-between;align-items:center;max-width:1240px;margin:0 auto;padding:27px 28px;font-size:12px;display:flex}.footer-logo{color:#3b4253;align-items:center;gap:7px;font-weight:800;display:flex}.footer-logo span{color:#6b63e9}.footer p{margin:0}.page-container,.result-page,.premium-page,.simple-page{max-width:1050px;margin:0 auto;padding:55px 24px 100px}.back-button{color:#687286;background:0 0;border:0;padding:8px 0;font-size:13px;font-weight:600}.back-button:hover{color:#252b3a}.page-heading{text-align:center;max-width:700px;margin:55px auto 42px}.page-heading h1,.question-container h1{color:#151b2b;letter-spacing:-2px;margin:0;font-family:Manrope,sans-serif;font-size:clamp(32px,5vw,48px)}.page-heading p,.question-description{color:#747e90;margin:14px auto 0;font-size:15px;line-height:1.7}.situations-grid{grid-template-columns:repeat(2,1fr);gap:15px;display:grid}.situation-card{text-align:left;background:#fff;border:1px solid #e5e8ef;border-radius:18px;align-items:center;gap:17px;padding:22px;transition:all .2s;display:flex;position:relative}.situation-card:hover{border-color:#cfd2ff;transform:translateY(-2px);box-shadow:0 15px 35px #2a335b12}.situation-icon{background:#f0f1ff;border-radius:15px;flex:0 0 50px;justify-content:center;align-items:center;width:50px;height:50px;font-size:23px;display:flex}.situation-content{min-width:0}.situation-content h3{color:#1d2434;margin:0 0 5px;font-size:16px}.situation-content p{color:#80899a;margin:0;font-size:13px}.card-arrow{color:#8d95a6;margin-left:auto;font-size:18px}.situation-page{max-width:760px;margin:0 auto;padding:35px 24px 100px}.situation-top{margin-bottom:55px}.progress-info{color:#9097a8;letter-spacing:1px;justify-content:space-between;margin:20px 0 9px;font-size:10px;font-weight:800;display:flex}.progress-bar{background:#e5e7ee;border-radius:20px;height:4px;overflow:hidden}.progress-fill{border-radius:inherit;background:linear-gradient(90deg,#5b65ff,#8b5ce8);height:100%;transition:width .3s}.question-container{background:#fff;border:1px solid #e6e8ef;border-radius:24px;padding:40px;box-shadow:0 15px 45px #1e2a4b0d}.question-container h1{letter-spacing:-1.5px;font-size:34px}.question-description{margin-bottom:35px}.form-section{margin-top:28px}.form-section label{color:#31394b;margin-bottom:11px;font-size:13px;font-weight:700;display:block}.choice-grid{grid-template-columns:repeat(2,1fr);gap:9px;display:grid}.choice-grid.small{grid-template-columns:repeat(2,1fr)}.choice-button,.style-button{color:#5c6576;text-align:left;background:#fbfbfd;border:1px solid #e1e4ec;border-radius:12px;padding:13px 14px;font-size:13px;font-weight:600;transition:all .18s}.choice-button:hover,.style-button:hover{background:#f7f7ff;border-color:#c7caf7}.choice-button.selected,.style-button.selected{color:#5157d9;background:#f0f0ff;border-color:#7778e9;box-shadow:inset 0 0 0 1px #5f5fe114}.choice-button.recipient{align-items:center;gap:9px;display:flex}.choice-button.recipient span{font-size:17px}.form-section input,.form-section textarea{color:#252c3b;resize:vertical;background:#fbfbfd;border:1px solid #e0e3eb;border-radius:12px;outline:none;width:100%;padding:13px 14px;transition:all .2s}.form-section input:focus,.form-section textarea:focus{background:#fff;border-color:#7778e9;box-shadow:0 0 0 4px #6664e614}.form-section textarea{line-height:1.5}.style-grid{grid-template-columns:repeat(3,1fr);gap:9px;display:grid}.style-button{text-align:center}.generate-button{color:#fff;background:linear-gradient(110deg,#5965ff,#825be8);border:0;border-radius:13px;justify-content:center;align-items:center;gap:12px;width:100%;margin-top:35px;padding:16px;font-size:14px;font-weight:700;display:flex;box-shadow:0 12px 28px #5c5fe633}.generate-button:hover:not(:disabled){transform:translateY(-1px)}.generate-button:disabled{opacity:.45;cursor:not-allowed}.generating-page{justify-content:center;align-items:center;min-height:620px;padding:40px 24px;display:flex}.generating-card{text-align:center;max-width:500px}.loading-orb{color:#fff;background:linear-gradient(135deg,#5b65ff,#8d5be7);border-radius:24px;justify-content:center;align-items:center;width:75px;height:75px;margin:0 auto 30px;font-size:28px;animation:1.2s ease-in-out infinite pulse;display:flex;box-shadow:0 15px 40px #5d5deb47}.generating-label{letter-spacing:1.7px;color:#6864d9;font-size:10px;font-weight:800}.generating-card h1{margin:10px 0 8px;font-family:Manrope,sans-serif;font-size:29px}.generating-card p{color:#7b8494;font-size:14px}.loading-bar{background:#e5e7ef;border-radius:20px;width:230px;height:4px;margin:28px auto 0;overflow:hidden}.loading-bar div{background:#6865e8;width:45%;height:100%;animation:1s ease-in-out infinite loading}@keyframes loading{0%{transform:translate(-100%)}to{transform:translate(330%)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.07)}}.result-page{max-width:820px}.result-header{align-items:center;gap:18px;margin:55px 0 35px;display:flex}.success-icon{color:#3f8c69;background:#e9f8f0;border-radius:16px;justify-content:center;align-items:center;width:52px;height:52px;font-size:22px;font-weight:800;display:flex}.result-header h1{letter-spacing:-1.5px;margin:0;font-family:Manrope,sans-serif;font-size:36px}.result-card{background:#fff;border:1px solid #e4e6ed;border-radius:23px;padding:30px;box-shadow:0 18px 50px #202c4b0f}.result-card-top{color:#949bab;letter-spacing:1.2px;justify-content:space-between;font-size:10px;font-weight:800;display:flex}.result-card-top span:first-child{color:#6965db}.excuse-text{color:#272e3e;background:#f7f7fb;border-radius:16px;margin:30px 0;padding:28px;font-size:17px;line-height:1.75}.result-actions{gap:10px;display:flex}.copy-button,.favorite-button{border-radius:11px;padding:12px 17px;font-size:13px;font-weight:700}.copy-button{color:#fff;background:#252c3d;border:0}.favorite-button{color:#555e70;background:#fff;border:1px solid #e0e3ea}.favorite-button.active{color:#d04f88;background:#fff5fa;border-color:#f0c4da}.another-button{color:#6562d8;background:0 0;border:0;margin:22px auto;font-size:13px;font-weight:700;display:block}.empty-state{text-align:center;background:#fff;border:1px solid #e5e7ee;border-radius:22px;max-width:550px;margin:70px auto;padding:45px}.empty-icon{color:#8c91a2;font-size:35px}.empty-state h2{margin:15px 0 8px;font-family:Manrope,sans-serif}.empty-state p{color:#7a8394;font-size:14px;line-height:1.6}.empty-state button,.simple-card button{color:#fff;background:linear-gradient(110deg,#5965ff,#825be8);border:0;border-radius:11px;padding:12px 18px;font-weight:700}.favorites-list{gap:14px;display:grid}.favorite-card{background:#fff;border:1px solid #e5e7ee;border-radius:17px;padding:22px}.favorite-card-top{justify-content:space-between;align-items:center;display:flex}.favorite-card-top span{color:#6a64d9;letter-spacing:1px;font-size:10px;font-weight:800}.favorite-card-top button{color:#a0a5b1;background:0 0;border:0;font-size:20px}.favorite-card p{color:#343b4b;margin:17px 0;font-size:15px;line-height:1.7}.favorite-copy{color:#555e70;background:#fff;border:1px solid #e0e3eb;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700}.simple-card{text-align:center;background:#fff;border:1px solid #e5e7ee;border-radius:25px;max-width:600px;margin:80px auto;padding:50px}.simple-icon{color:#625fe0;background:#eef0ff;border-radius:19px;justify-content:center;align-items:center;width:60px;height:60px;margin:0 auto 25px;font-size:25px;display:flex}.simple-card h1{letter-spacing:-1px;font-family:Manrope,sans-serif;font-size:32px}.simple-card p{color:#7b8494;margin-bottom:28px;line-height:1.7}.premium-page{max-width:1050px}.premium-badge{color:#745de0;letter-spacing:1.2px;background:#f0edff;border-radius:100px;padding:8px 12px;font-size:10px;font-weight:800;display:inline-block}.premium-hero h1{letter-spacing:-2.5px;margin:20px 0 15px;font-family:Manrope,sans-serif;font-size:clamp(38px,5vw,58px);line-height:1.05}.premium-hero h1 span{color:#7164df}.premium-hero p{color:#7a8393;line-height:1.7}.premium-grid{grid-template-columns:repeat(3,1fr);gap:15px;display:grid}.premium-card{background:#fff;border:1px solid #e5e7ee;border-radius:19px;padding:28px}.premium-card>span{color:#7065df;font-size:25px}.premium-card h3{margin:20px 0 8px}.premium-card p{color:#7b8494;margin:0;font-size:13px;line-height:1.6}.coming-soon{text-align:center;background:#f0f1f7;border-radius:18px;margin:35px auto;padding:30px}.coming-soon div{color:#7065df;letter-spacing:1px;font-size:10px;font-weight:800}.coming-soon h2{margin:10px 0 5px;font-family:Manrope,sans-serif;font-size:20px}.coming-soon p{color:#7c8493;margin:0;font-size:13px}@media (width<=800px){.desktop-nav{display:none}.mobile-favorites{color:#626979;background:#fff;border:1px solid #e4e6ed;border-radius:10px;width:38px;height:38px;display:block}.hero{padding-top:75px}.features{grid-template-columns:1fr}.steps{flex-direction:column;gap:25px}.step-line{width:1px;height:35px}.bottom-cta{flex-direction:column;align-items:flex-start;gap:25px;margin-left:20px;margin-right:20px;padding:32px}.situations-grid,.premium-grid{grid-template-columns:1fr}.footer{flex-direction:column;gap:10px}}@media (width<=600px){.header{padding:0 18px}.hero{padding:60px 18px 70px}.hero h1{letter-spacing:-2.5px;font-size:47px}.hero-text{font-size:15px}.page-container,.result-page,.premium-page,.simple-page{padding-left:18px;padding-right:18px}.question-container{border-radius:19px;padding:25px 20px}.question-container h1{font-size:29px}.choice-grid,.choice-grid.small,.style-grid{grid-template-columns:1fr}.result-actions{flex-direction:column}.result-card{padding:20px}.excuse-text{padding:20px;font-size:15px}.simple-card{padding:35px 22px}}.auth-overlay{z-index:9999;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a73;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.auth-modal{box-sizing:border-box;background:#fffffffa;border:1px solid #fffc;border-radius:28px;width:100%;max-width:440px;padding:36px;animation:.2s ease-out authAppear;position:relative;box-shadow:0 30px 80px #0f172a33}@keyframes authAppear{0%{opacity:0;transform:translateY(10px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.auth-close{color:#64748b;cursor:pointer;background:#f1f5f9;border:0;border-radius:50%;width:36px;height:36px;font-size:24px;transition:all .2s;position:absolute;top:16px;right:18px}.auth-close:hover{color:#0f172a;background:#e2e8f0}.auth-icon{background:linear-gradient(135deg,#eef2ff,#f5f3ff);border-radius:16px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:20px;font-size:25px;display:flex}.auth-modal h2{color:#0f172a;letter-spacing:-.8px;margin:0;font-size:30px}.auth-subtitle{color:#64748b;margin:9px 0 24px;line-height:1.6}.auth-tabs{background:#f1f5f9;border-radius:13px;grid-template-columns:1fr 1fr;gap:5px;margin-bottom:24px;padding:5px;display:grid}.auth-tabs button{color:#64748b;cursor:pointer;background:0 0;border:0;border-radius:9px;padding:11px 8px;font-size:13px;font-weight:600}.auth-tabs button.active{color:#4f46e5;background:#fff;box-shadow:0 2px 8px #0f172a14}.auth-form{flex-direction:column;gap:9px;display:flex}.auth-form label{color:#334155;margin-top:5px;font-size:13px;font-weight:600}.auth-form input{color:#0f172a;box-sizing:border-box;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;outline:none;width:100%;padding:14px 15px;font-size:14px;transition:all .2s}.auth-form input:focus{background:#fff;border-color:#818cf8;box-shadow:0 0 0 4px #6366f11a}.auth-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#4f46e5,#7c3aed);border:0;border-radius:12px;margin-top:12px;padding:14px 18px;font-size:14px;font-weight:700;transition:all .2s;box-shadow:0 10px 24px #4f46e533}.auth-submit:hover{transform:translateY(-1px);box-shadow:0 14px 28px #4f46e540}.auth-submit:disabled{opacity:.65;cursor:wait;transform:none}.auth-error{color:#b91c1c;background:#fef2f2;border:1px solid #fecaca;border-radius:10px;margin-top:7px;padding:11px 13px;font-size:13px;line-height:1.4}.auth-footer{color:#64748b;text-align:center;margin:22px 0 0;font-size:13px}.auth-footer button{color:#4f46e5;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.account-email{color:#4f46e5;word-break:break-word;margin:12px 0;font-weight:600}.account-status{color:#15803d;background:#f0fdf4;border-radius:999px;align-items:center;gap:7px;margin:8px 0 24px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.account-status span{font-size:9px}.app-loading{color:#64748b;background:#f8fafc;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.app-loading div{margin-bottom:10px;font-size:38px}.app-loading p{margin:0}@media (width<=700px){.auth-modal{border-radius:22px;padding:28px 22px}.auth-modal h2{font-size:25px}.auth-tabs button{font-size:12px}}.account-page{max-width:1100px;margin:0 auto;padding:70px 24px 100px}.account-header{margin-bottom:42px}.account-title{align-items:center;gap:22px;margin-top:32px;display:flex}.account-title h1{margin:5px 0 8px}.account-title p{color:#777;margin:0}.account-avatar-large{color:#fff;background:linear-gradient(135deg,#4b8df8,#7657e8);border-radius:24px;justify-content:center;align-items:center;width:76px;height:76px;font-size:30px;font-weight:800;display:flex;box-shadow:0 15px 35px #4b8df838}.account-layout{grid-template-columns:1.35fr .85fr;align-items:stretch;gap:24px;display:grid}.account-card,.account-premium{background:#fff;border:1px solid #e9e9ef;border-radius:24px;box-shadow:0 15px 45px #1414280f}.account-card{padding:30px}.account-card-header{align-items:center;gap:18px;display:flex}.account-avatar{color:#4b70d8;background:#f0f3ff;border-radius:18px;justify-content:center;align-items:center;width:58px;height:58px;font-size:22px;font-weight:800;display:flex}.account-label,.account-info-label{letter-spacing:.08em;color:#999;margin-bottom:5px;font-size:11px;font-weight:800;display:block}.account-card-header h2{word-break:break-word;margin:0;font-size:17px}.account-divider{background:#eeeef3;height:1px;margin:28px 0}.account-details{flex-direction:column;gap:12px;display:flex}.account-detail{background:#fafafa;border-radius:16px;align-items:center;gap:14px;padding:16px;display:flex}.detail-icon{color:#5a72e8;background:#fff;border-radius:11px;justify-content:center;align-items:center;width:34px;height:34px;font-weight:800;display:flex}.account-detail>div{flex:1}.account-detail>div span{color:#999;margin-bottom:3px;font-size:12px;display:block}.account-detail>div strong{font-size:14px}.active-badge,.free-badge{border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800}.active-badge{color:#219653;background:#e9f9ef}.free-badge{color:#777;background:#f0f1f5}.account-logout-button{color:#555;cursor:pointer;background:#fff;border:1px solid #e7e7ec;border-radius:14px;width:100%;margin-top:22px;padding:14px 18px;font-weight:700;transition:all .2s}.account-logout-button:hover{background:#f8f8fa;border-color:#d8d8df;transform:translateY(-1px)}.account-logout-button span{margin-right:8px}.account-premium{color:#fff;background:linear-gradient(145deg,#15152b,#292553);border:none;padding:30px;position:relative;overflow:hidden}.account-premium:after{content:"";background:#7e67ff2e;border-radius:50%;width:180px;height:180px;position:absolute;top:-70px;right:-70px}.premium-glow{background:#ffffff1a;border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:26px;font-size:20px;display:flex}.premium-mini-label{letter-spacing:.12em;opacity:.65;font-size:10px;font-weight:800}.account-premium h2{margin:12px 0;font-size:25px;line-height:1.15}.account-premium p{color:#ffffffad;font-size:14px;line-height:1.6}.account-premium button{color:#20203a;cursor:pointer;background:#fff;border:none;border-radius:13px;margin-top:15px;padding:13px 17px;font-weight:800;transition:all .2s}.account-premium button:hover{transform:translateY(-2px)}.account-premium button span{margin-left:8px}.premium-coming{color:#ffffff73;margin-top:24px;font-size:11px}.header-avatar{color:#536fe0;vertical-align:middle;background:#eef2ff;border-radius:8px;justify-content:center;align-items:center;width:25px;height:25px;margin-right:7px;font-size:11px;font-weight:800;display:inline-flex}.desktop-nav .account-button{justify-content:center;align-items:center;display:flex}@media (width<=800px){.account-page{padding:45px 18px 70px}.account-title{flex-direction:column;align-items:flex-start}.account-layout{grid-template-columns:1fr}.account-card,.account-premium{padding:24px}.account-card-header{align-items:flex-start}.account-card-header h2{font-size:14px}.account-detail{flex-wrap:wrap}.active-badge,.free-badge{margin-left:48px}}.premium-page{max-width:1100px;margin:0 auto;padding:80px 24px 110px}.premium-hero{text-align:center;max-width:720px;margin:0 auto 55px}.premium-hero h1{letter-spacing:-.04em;margin:22px 0 18px;font-size:clamp(38px,6vw,62px);line-height:1.05}.premium-hero h1 span{-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#6957e8,#a16cf5);-webkit-background-clip:text;background-clip:text}.premium-hero>p{color:#777;max-width:560px;margin:0 auto;font-size:17px;line-height:1.6}.premium-active-banner{color:#219653;background:#eaf9ef;border-radius:999px;align-items:center;gap:9px;margin-top:25px;padding:10px 17px;font-size:13px;font-weight:800;display:inline-flex}.premium-active-banner span{color:#fff;background:#219653;border-radius:50%;justify-content:center;align-items:center;width:20px;height:20px;font-size:11px;display:flex}.pricing-cards{grid-template-columns:1fr 1fr;gap:22px;max-width:920px;margin:0 auto;display:grid}.pricing-card{background:#fff;border:1px solid #e8e8ee;border-radius:26px;padding:34px;position:relative;box-shadow:0 20px 55px #1414280f}.premium-plan{color:#fff;background:linear-gradient(145deg,#17162e,#2d2854);border:none;overflow:hidden;box-shadow:0 25px 65px #30266438}.premium-plan:before{content:"";background:#7c62ff21;border-radius:50%;width:300px;height:300px;position:absolute;top:-180px;right:-100px}.plan-top{z-index:1;justify-content:space-between;align-items:flex-start;display:flex;position:relative}.plan-label{letter-spacing:.12em;color:#999;margin-bottom:9px;font-size:10px;font-weight:800;display:block}.premium-plan .plan-label{color:#ffffff80}.plan-top h2{letter-spacing:-.03em;margin:0;font-size:30px}.plan-icon{color:#777;background:#f3f3f7;border-radius:15px;justify-content:center;align-items:center;width:46px;height:46px;font-size:22px;display:flex}.premium-icon{color:#c5baff;background:#ffffff1a}.plan-description{color:#777;min-height:50px;margin:18px 0;font-size:14px;line-height:1.6}.premium-plan .plan-description{color:#ffffff9e}.plan-price{align-items:baseline;gap:7px;margin:25px 0;display:flex}.plan-price strong{letter-spacing:-.03em;font-size:35px}.plan-price span{color:#999;font-size:13px}.premium-plan .plan-price strong{color:#d8d1ff}.plan-divider{background:#eeeef2;height:1px;margin:25px 0}.premium-plan .plan-divider{background:#ffffff1a}.pricing-card h3{margin-bottom:18px;font-size:13px}.plan-features{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.plan-features li{color:#555;align-items:center;gap:11px;font-size:14px;display:flex}.premium-plan .plan-features li{color:#fffc}.plan-features li span{color:#6974df;background:#f0f1f5;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:900;display:flex}.premium-plan .plan-features li span{color:#c5baff;background:#826eff2e}.free-plan-button,.premium-test-button{cursor:pointer;border-radius:14px;width:100%;margin-top:30px;padding:15px 18px;font-weight:800;transition:all .2s}.free-plan-button{color:#333;background:#f3f3f6;border:none}.free-plan-button:hover{background:#e9e9ee;transform:translateY(-2px)}.premium-test-button{color:#25213d;background:#fff;border:none}.premium-test-button:hover{transform:translateY(-2px);box-shadow:0 10px 25px #00000026}.premium-test-button.active{color:#176b35;background:#b8f1c9}.test-note{text-align:center;color:#fff6;margin:12px 0 0;font-size:11px}.premium-popular{z-index:2;color:#c9c0ff;letter-spacing:.08em;background:#ffffff1a;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:900;position:absolute;top:20px;right:20px}.premium-bottom{background:#fafafa;border:1px solid #e9e9ef;border-radius:22px;align-items:center;gap:20px;max-width:920px;margin:28px auto 0;padding:28px 30px;display:flex}.premium-bottom-icon{color:#6b58df;background:#eeeaff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:21px;display:flex}.premium-bottom span{letter-spacing:.1em;color:#8a7ae0;font-size:10px;font-weight:900}.premium-bottom h2{margin:6px 0;font-size:20px}.premium-bottom p{color:#777;margin:0;font-size:13px;line-height:1.5}.premium-disable-button{color:#ffffff8c;cursor:pointer;background:0 0;border:1px solid #ffffff26;border-radius:12px;width:100%;margin-top:10px;padding:11px 15px;font-size:12px;font-weight:700;transition:all .2s}.premium-disable-button:hover{color:#fff;background:#ffffff0f}@media (width<=750px){.premium-page{padding:55px 18px 80px}.pricing-cards{grid-template-columns:1fr}.pricing-card{padding:27px}.premium-popular{margin-bottom:20px;display:inline-block;position:static}.premium-bottom{align-items:flex-start;padding:22px}}.premium-section{background:linear-gradient(145deg,#6957e80b,#a16cf513);border:1px solid #6957e838;border-radius:22px;margin-top:34px;padding:24px}.premium-section-heading{justify-content:space-between;align-items:center;gap:15px;margin-bottom:17px;display:flex}.premium-section-heading>div{flex-direction:column;gap:7px;display:flex}.premium-section-heading label{color:#242238;font-size:15px;font-weight:800}.premium-section-badge{color:#735ee5;letter-spacing:.12em;width:fit-content;font-size:9px;font-weight:900}.premium-section-lock{font-size:15px}.premium-option-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.premium-option{color:#28253b;text-align:left;cursor:pointer;background:#fff;border:1px solid #6957e833;border-radius:16px;min-height:88px;padding:14px;transition:all .2s;position:relative}.premium-option:hover{border-color:#8b76eb;transform:translateY(-2px);box-shadow:0 9px 25px #6957e81f}.premium-option.selected{background:linear-gradient(145deg,#f2efff,#e9e4ff);border-color:#735ee5;box-shadow:0 8px 24px #6957e824}.premium-option.locked{color:#6250bd;background:linear-gradient(145deg,#f2efff,#e8e1ff);border-color:#6957e84d}.premium-option.locked:hover{background:linear-gradient(145deg,#eeeaff,#e3dcff)}.premium-option-icon{margin-bottom:8px;font-size:20px;display:block}.premium-option-content{flex-direction:column;gap:4px;display:flex}.premium-option-content strong{font-size:12px;line-height:1.25}.premium-option-content small{color:#8b8799;font-size:10px;line-height:1.35}.premium-option.locked .premium-option-content small{color:#796bb0}.premium-lock-label{color:#735ee5;letter-spacing:.08em;background:#6957e81f;border-radius:999px;padding:4px 6px;font-size:7px;font-weight:900;position:absolute;top:9px;right:9px}.premium-lock-overlay{z-index:9999;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);background:#12102394;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.premium-lock-modal{text-align:center;background:#fff;border-radius:28px;width:min(100%,450px);padding:38px;animation:.2s premiumModalIn;position:relative;box-shadow:0 30px 90px #140f2d47}@keyframes premiumModalIn{0%{opacity:0;transform:translateY(12px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}.premium-lock-close{color:#777;cursor:pointer;background:#f4f3f7;border:none;border-radius:50%;width:34px;height:34px;font-size:20px;position:absolute;top:15px;right:17px}.premium-lock-icon{color:#735ee5;background:linear-gradient(145deg,#eeeaff,#ddd5ff);border-radius:21px;justify-content:center;align-items:center;width:68px;height:68px;margin:0 auto 18px;font-size:28px;display:flex;box-shadow:0 12px 30px #6957e829}.premium-lock-badge{color:#735ee5;letter-spacing:.12em;margin-bottom:13px;font-size:10px;font-weight:900;display:inline-block}.premium-lock-modal h2{color:#202033;margin:0 0 12px;font-size:24px;line-height:1.2}.premium-lock-modal p{color:#777486;max-width:350px;margin:0 auto 25px;font-size:14px;line-height:1.6}.premium-lock-main-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6957e8,#a16cf5);border:none;border-radius:14px;width:100%;padding:15px 18px;font-size:14px;font-weight:800;transition:all .2s;box-shadow:0 12px 25px #6957e838}.premium-lock-main-button:hover{transform:translateY(-2px);box-shadow:0 16px 30px #6957e847}.premium-lock-main-button span{margin-left:8px}.premium-lock-secondary{color:#9995a5;cursor:pointer;background:0 0;border:none;margin-top:12px;padding:8px;font-size:12px}.premium-lock-secondary:hover{color:#555161}@media (width<=700px){.premium-option-grid{grid-template-columns:1fr}.premium-option{min-height:auto}.premium-lock-modal{padding:30px 23px}}.account-page,.account-header{position:relative}.account-header:after{content:"";filter:blur(70px);pointer-events:none;z-index:-1;background:#675cff12;border-radius:50%;width:260px;height:260px;position:absolute;top:-90px;right:30px}.account-title h1{letter-spacing:-2px;color:#151b2b;font-family:Manrope,sans-serif;font-size:clamp(34px,5vw,48px)}.account-title p{color:#7a8394;font-size:14px}.account-card,.account-premium{transition:transform .25s,box-shadow .25s}.account-card:hover{transform:translateY(-2px);box-shadow:0 20px 55px #14142814}.account-premium:hover{box-shadow:0 25px 65px #231b5533}.account-detail{border:1px solid #0000;transition:background .2s,border-color .2s,transform .2s}.account-detail:hover{background:#f8f8fc;border-color:#e9e9f3;transform:translate(2px)}.detail-icon{border:1px solid #eceef6}.account-card-header .account-avatar{box-shadow:0 8px 22px #4b70d81a}.account-logout-button{justify-content:center;align-items:center;display:flex}.account-premium{min-height:100%}.account-premium:before{content:"";pointer-events:none;background:#6957e81f;border-radius:50%;width:250px;height:250px;position:absolute;bottom:-130px;left:-150px}.account-premium>*{z-index:1;position:relative}.premium-glow{box-shadow:0 8px 25px #7e67ff1f}.account-premium button{z-index:2;position:relative}.account-premium button:hover{box-shadow:0 10px 25px #ffffff1f}.account-email{color:#5965d8}button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #6957e833}@media (width<=800px){.account-header{margin-bottom:30px}.account-title{gap:16px}.account-avatar-large{border-radius:21px;width:68px;height:68px;font-size:26px}.account-title h1{letter-spacing:-1.5px;font-size:34px}.account-title p{font-size:13px}.account-detail{padding:14px}}@media (width<=480px){.account-page{padding-left:15px;padding-right:15px}.account-card,.account-premium{border-radius:20px;padding:20px}.account-title h1{font-size:30px}.account-card-header{gap:13px}.account-avatar{border-radius:15px;width:50px;height:50px}.account-detail{gap:10px}.active-badge,.free-badge{margin-left:44px}.account-premium h2{font-size:22px}}.account-code-section{background:linear-gradient(145deg,#faf9ff,#f6f4ff);border:1px solid #e7e4f7;border-radius:18px;margin-top:28px;padding:22px}.account-code-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.account-code-icon{color:#735ee5;background:#eeeaff;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.account-code-header div{flex:1}.account-code-header strong{color:#27243a;margin-bottom:3px;font-size:14px;display:block}.account-code-header span{color:#9692a5;font-size:11px;display:block}.premium-code-form{gap:9px;display:flex}.premium-code-form input{color:#29263b;background:#fff;border:1px solid #dedbea;border-radius:11px;outline:none;flex:1;min-width:0;padding:12px 14px;font-size:13px;transition:all .2s}.premium-code-form input::placeholder{color:#aaa7b5}.premium-code-form input:focus{border-color:#8c7bea;box-shadow:0 0 0 3px #735ee517}.premium-code-form button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#6957e8,#9169ed);border:none;border-radius:11px;flex-shrink:0;padding:12px 16px;font-size:12px;font-weight:800;transition:all .2s;box-shadow:0 7px 18px #6957e82e}.premium-code-form button:hover{transform:translateY(-1px);box-shadow:0 10px 22px #6957e83b}.premium-code-message{margin:10px 2px 0;font-size:11px;font-weight:600}.premium-code-message.success{color:#219653}.premium-code-message.error{color:#d04f62}.account-code-active{background:linear-gradient(145deg,#f0fbf4,#eaf8ef);border:1px solid #d8efdf;border-radius:18px;margin-top:28px;padding:20px}.account-code-active-top{align-items:center;gap:12px;display:flex}.account-code-active-icon{color:#219653;background:#d9f3e1;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;font-size:17px;display:flex}.account-code-active span{color:#57906d;font-size:11px}@media (width<=600px){.account-code-section{padding:18px}.premium-code-form{flex-direction:column}.premium-code-form button{width:100%}}.account-code-section{background:linear-gradient(145deg,#fafaff 0%,#fff 100%);border:1px solid #e8e8f0;border-radius:20px;padding:22px;position:relative;overflow:hidden}.account-code-section:before{content:"";pointer-events:none;background:#7c5cff0e;border-radius:50%;width:150px;height:150px;position:absolute;top:-75px;right:-75px}.account-code-header{z-index:1;align-items:flex-start;gap:14px;margin-bottom:20px;display:flex;position:relative}.account-code-icon{color:#fff;background:linear-gradient(135deg,#7c5cff,#a78bfa);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:18px;display:flex;box-shadow:0 8px 20px #7c5cff33}.account-code-header .account-label{margin-bottom:4px}.account-code-header h3{color:#20202d;margin:0 0 5px;font-size:17px}.account-code-header p{color:#888896;max-width:520px;margin:0;font-size:13px;line-height:1.55}.premium-code-form{z-index:1;align-items:stretch;gap:10px;margin-top:4px;display:flex;position:relative}.premium-code-input-wrapper{flex:1;align-items:center;min-width:0;display:flex;position:relative}.premium-code-input-icon{color:#9a92bc;pointer-events:none;font-size:17px;font-weight:800;position:absolute;left:15px}.premium-code-form input{box-sizing:border-box;color:#252532;letter-spacing:.08em;background:#fff;border:1px solid #e1e0ea;border-radius:13px;outline:none;width:100%;min-width:0;height:48px;padding:0 15px 0 38px;font-family:inherit;font-size:14px;font-weight:700;transition:border-color .2s,box-shadow .2s,background .2s}.premium-code-form input::placeholder{color:#aaa9b5;letter-spacing:0;font-weight:500}.premium-code-form input:hover{border-color:#d3d0e2}.premium-code-form input:focus{background:#fff;border-color:#7c5cff;box-shadow:0 0 0 4px #7c5cff17}.premium-code-form button{color:#fff;cursor:pointer;background:#20202d;border:none;border-radius:13px;flex-shrink:0;justify-content:center;align-items:center;gap:9px;height:48px;padding:0 18px;font-family:inherit;font-size:13px;font-weight:800;transition:transform .2s,background .2s,box-shadow .2s;display:flex}.premium-code-form button:hover{background:#7c5cff;transform:translateY(-1px);box-shadow:0 8px 20px #7c5cff33}.premium-code-form button:active{transform:translateY(0)}.premium-code-form button span{font-size:15px}.code-message{z-index:1;border-radius:12px;align-items:center;gap:9px;margin:12px 0 0;padding:11px 13px;display:flex;position:relative}.code-message span{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:23px;height:23px;font-size:12px;font-weight:900;display:flex}.code-message p{margin:0;font-size:12px;font-weight:700;line-height:1.4}.code-success{color:#21894c;background:#effbf3;border:1px solid #d7f2df}.code-success span{color:#21894c;background:#d9f5e2}.code-error{color:#d34b4b;background:#fff3f3;border:1px solid #f7dddd}.code-error span{color:#d34b4b;background:#ffe0e0}.account-code-note{z-index:1;border-top:1px solid #eeeef3;align-items:flex-start;gap:8px;margin-top:14px;padding-top:13px;display:flex;position:relative}.account-code-note span{font-size:12px;line-height:1.5}.account-code-note p{color:#9998a5;margin:0;font-size:11px;line-height:1.5}.account-code-active{z-index:1;background:linear-gradient(135deg,#f0fbf4,#f7fcf8);border:1px solid #d8f0df;border-radius:15px;align-items:center;gap:12px;padding:14px;display:flex;position:relative}.account-code-active-icon{color:#249653;background:#dcf7e5;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:16px;font-weight:900;display:flex}.account-code-active strong{color:#217c45;margin-bottom:3px;font-size:13px;display:block}.account-code-active span{color:#6c9278;font-size:11px;line-height:1.45;display:block}@media (width<=600px){.account-code-section{padding:18px}.account-code-header{gap:11px}.account-code-icon{border-radius:12px;width:40px;height:40px}.account-code-header h3{font-size:15px}.account-code-header p{font-size:12px}.premium-code-form{flex-direction:column}.premium-code-form input{height:46px}.premium-code-form button{width:100%;height:46px}}