@charset "UTF-8";@import"https://fonts.googleapis.com/css2?family=Poppins:wght@400;700&family=Lato:wght@400;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}body{font-family:Lato,sans-serif;background-color:#f9f9ff}.user__dashboard{color:#222;background:#f9f9ff;height:100vh;display:grid;grid-template-rows:auto 1fr;grid-template-columns:minmax(0,.3fr) minmax(0,1fr);grid-template-areas:"aside head" "aside content"}.header{grid-area:head;background:#fff;padding-top:1em;border-bottom:1px solid #ececec;padding-bottom:0;height:fit-content}.left__panel{grid-area:aside;background:#fff;border-right:1px solid #ececec;position:sticky;top:0;height:100vh;display:flex;flex-direction:column;gap:.8em;padding:1em}.content{grid-area:content;padding:1.2em 1.5em;overflow-y:auto}.refresh-wrapper{display:flex;flex-direction:column}.refresh-wrapper h4{display:flex;align-items:center;justify-content:space-between;font-size:1rem;font-weight:600;margin-bottom:10px;color:#0078d4}.refresh-wrapper h4 .refresh-btn{background:transparent;border:none;cursor:pointer;color:#0078d4;display:flex;align-items:center;font-size:1.1rem;transition:.2s}.refresh-wrapper h4 .refresh-btn:hover{color:#005a9e}.nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;top:0;width:100%;z-index:50;background:linear-gradient(135deg,#7a2afd,#26c7ed);color:#fff}.nav .logo img{height:40px}.nav .links{display:flex;align-items:center;gap:20px}.nav .links a{color:#fff;text-decoration:none;font-weight:500;transition:.3s}.nav .desktop-auth{display:flex;align-items:center;gap:15px}.nav .mobile-auth{display:none}.nav .menu-icon{display:none;cursor:pointer}.nav .login{padding:8px 20px;background:#fff3;border-radius:8px;text-decoration:none;color:#fff}.nav .register{padding:8px 20px;background:#fff;color:#7a2afd;border-radius:8px;text-decoration:none}@media(max-width:900px){.nav{padding:0 20px}.nav .menu-icon{display:block}.nav .desktop-auth{display:none!important}.nav .links{position:fixed;top:70px;left:0;width:100%;flex-direction:column;align-items:center;padding:30px 0;gap:25px;background:linear-gradient(135deg,#7a2afd,#26c7ed);transform:translateY(-200%);transition:.4s ease;z-index:40}.nav .links.show{transform:translateY(0)}.nav .mobile-auth{display:flex!important;flex-direction:column;gap:15px;width:80%}.nav .mobile-auth .register{padding:8px 20px;background:#fff;color:#7a2afd;border-radius:8px;text-decoration:none}.nav .mobile-auth a{width:100%;text-align:center;padding:10px 0}}.hero{min-height:100vh;background:linear-gradient(135deg,#7a2afd,#26c7ed);display:flex;flex-direction:column;justify-content:center;align-items:center;color:#fff;padding:40px 20px;text-align:center}.hero .hero__icon__image{width:100%;max-width:220px;height:auto}.hero h1{font-size:2rem;margin:20px 0 15px;line-height:1.2}.hero p{max-width:650px;margin:0 auto;opacity:.9;font-size:1.1rem}.hero .hero-buttons{margin-top:30px;display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.hero .hero-buttons .btn-primary,.hero .hero-buttons .btn-outline{padding:12px 32px;border-radius:12px;text-decoration:none;font-size:1rem;cursor:pointer;display:inline-block;transition:.2s ease}.hero .hero-buttons .btn-primary{background:#fff;color:#7a2afd}.hero .hero-buttons .btn-primary:hover{opacity:.9;transform:translateY(-2px)}.hero .hero-buttons .btn-outline{border:2px solid white;color:#fff}.hero .hero-buttons .btn-outline:hover{background:#ffffff26;transform:translateY(-2px)}@media(max-width:380px){.hero h1{font-size:1.5rem}.hero p{font-size:1rem}}@media(min-width:768px){.hero h1{font-size:2.5rem}.hero p{font-size:1.25rem}.hero .hero__icon__image{max-width:260px}}@media(min-width:1024px){.hero h1{font-size:3rem}.hero p{font-size:1.3rem}.hero .hero__icon__image{max-width:200px}}.features-section{padding:80px 20px;max-width:1200px;margin:auto}.features-section h2{text-align:center;margin-bottom:40px;font-size:2.2rem;font-weight:700}.features-section .features-grid{display:grid;gap:25px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.features-section .feature-card{background:#fff;padding:28px;border-radius:16px;text-align:center;box-shadow:#0000000d 0 0 0 1px;transition:.3s ease}.features-section .feature-card h3{color:#7a2afd;margin-bottom:12px;font-size:1.3rem}.features-section .feature-card p{opacity:.85;font-size:1rem;line-height:1.4}@media(max-width:480px){.features-section{padding:60px 15px}.features-section h2{font-size:1.8rem;margin-bottom:30px}.features-section .feature-card{padding:22px}.features-section .feature-card h3{font-size:1.2rem}.features-section .feature-card p{font-size:.95rem}}@media(min-width:768px){.features-section h2{font-size:2.4rem}.features-section .feature-card{padding:30px}}@media(min-width:1024px){.features-section h2{font-size:2.8rem}.features-section .feature-card{padding:35px}.features-section .feature-card h3{font-size:1.4rem}}.pricing-section{padding:80px 20px;max-width:1100px;margin:auto}.pricing-section h2{text-align:center;margin-bottom:50px;font-size:2.8rem}@media(max-width:768px){.pricing-section h2{font-size:2.2rem;margin-bottom:35px}}@media(max-width:480px){.pricing-section h2{font-size:1.9rem}}.pricing-section .pricing-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}@media(max-width:480px){.pricing-section .pricing-grid{gap:20px}}.pricing-section .plan{background:#fff;padding:30px;border-radius:16px;box-shadow:#0000000d 0 0 0 1px;text-align:center}@media(max-width:600px){.pricing-section .plan{padding:22px}}.pricing-section .plan h3{margin-bottom:10px;color:#7a2afd;font-size:1.4rem}@media(max-width:480px){.pricing-section .plan h3{font-size:1.25rem}}.pricing-section .plan .price{font-size:2rem;font-weight:700;margin:20px 0;color:#7a2afd}@media(max-width:480px){.pricing-section .plan .price{font-size:1.6rem}}.pricing-section .plan ul{list-style:none;padding:0;margin:20px 0}.pricing-section .plan ul li{margin:10px 0;opacity:.85;font-size:1rem}@media(max-width:480px){.pricing-section .plan ul li{font-size:.9rem}}.pricing-section .plan button{padding:12px 25px;border-radius:10px;cursor:pointer;border:none;font-weight:600;margin-top:10px;width:100%;max-width:180px;transition:.25s ease}.pricing-section .plan button:hover{transform:scale(1.03)}@media(max-width:480px){.pricing-section .plan button{padding:10px 20px}}.pricing-section .plan .btn-primary{background:#7a2afd;color:#fff}.pricing-section .plan .btn-outline{background:none;border:2px solid #7a2afd;color:#7a2afd}.pricing-section .plan.popular{border:3px solid #7a2afd}.faq-section{padding:80px 20px;max-width:900px;margin:auto}.faq-section h2{text-align:center;margin-bottom:40px;font-size:2.2rem;font-weight:700}.faq-section .faq-container{display:flex;flex-direction:column;gap:20px}.faq-section .faq-item{background:#fff;padding:25px;border-radius:12px;box-shadow:#0000000d 0 0 0 1px;transition:.25s ease}.faq-section .faq-item h4{color:#7a2afd;margin-bottom:8px;font-size:1.3rem}.faq-section .faq-item p{opacity:.85;font-size:1rem;line-height:1.5}@media(max-width:480px){.faq-section{padding:60px 15px}.faq-section h2{font-size:1.8rem;margin-bottom:30px}.faq-section .faq-item{padding:20px}.faq-section .faq-item h4{font-size:1.15rem}.faq-section .faq-item p{font-size:.95rem}}@media(min-width:768px){.faq-section h2{font-size:2.4rem}.faq-section .faq-item{padding:28px}.faq-section .faq-item h4{font-size:1.35rem}}@media(min-width:1024px){.faq-section h2{font-size:2.6rem}.faq-section .faq-item{padding:32px}.faq-section .faq-item h4{font-size:1.4rem}}footer{padding:30px;background:#111;color:#fff;text-align:center;margin-top:40px}.dash__header{display:flex;justify-content:space-between;align-items:center;padding:15px 25px;border-radius:10px;height:fit-content}.dash__header .dash__nav-left{display:flex;gap:15px}.dash__header .dash__nav-left .nav-btn{padding:8px 16px;background:#f4f4f5;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:.2s;font-size:.85em;text-decoration:none}.dash__header .dash__nav-left .nav-btn.active{background:#0078d4;color:#fff}.dash__header .dash__nav-left .nav-btn:hover:not(.active){background:#e2e2e2}.dash__header .dash__nav-right{display:flex;align-items:center;gap:20px}.dash__header .dash__nav-right .user-email{font-weight:500;color:#333}.dash__header .dash__nav-right .notification{position:relative;cursor:pointer;color:#333}.dash__header .dash__nav-right .notification .badge{position:absolute;top:-6px;right:-6px;background:#dc3545;color:#fff;font-size:.7rem;padding:2px 5px;border-radius:50%;font-weight:700}.dash__header .dash__nav-right .logout-btn{display:flex;align-items:center;gap:5px;padding:6px 12px;background:#f44336;color:#fff;border:none;border-radius:6px;cursor:pointer;font-weight:600;transition:.2s}.dash__header .dash__nav-right .logout-btn:hover{background:#d32f2f}.notification-bell{position:relative;cursor:pointer}.notification-bell .badge{position:absolute;top:-6px;right:-6px;background:#e02424;color:#fff;font-size:.75rem;font-weight:700;padding:2px 6px;border-radius:999px;box-shadow:0 2px 6px #0003;min-width:20px;text-align:center}.notification-modal{position:fixed;top:0;left:0;width:100%;height:100%;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1000}.notification-modal .modal-overlay{position:absolute;width:100%;height:100%;background:#0000004d}.notification-modal .modal-content{position:relative;margin:70px 20px;width:380px;background:#fff;border-radius:12px;box-shadow:0 8px 20px #0003;overflow:hidden;z-index:1100;display:flex;flex-direction:column}.notification-modal .modal-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid #eee}.notification-modal .modal-header h3{margin:0;font-size:1.1rem;font-weight:600;color:#333}.notification-modal .modal-header .close{cursor:pointer;font-size:1rem;color:#666}.notification-modal .modal-header .close:hover{color:#000}.notification-modal .modal-body{max-height:450px;overflow-y:auto;padding:10px 16px}.notification-modal .modal-body .empty{text-align:center;color:#888;font-size:.9rem;padding:20px 0}.notification-modal .modal-body .notification-item{background:#fafafa;border-radius:8px;padding:12px;margin-bottom:12px;border:1px solid #eee;transition:background .2s ease}.notification-modal .modal-body .notification-item:hover{background:#f0f7ff}.notification-modal .modal-body .notification-item .top{display:flex;justify-content:space-between;margin-bottom:6px}.notification-modal .modal-body .notification-item .top .priority{padding:2px 6px;border-radius:6px;font-size:.75rem;font-weight:600;text-transform:uppercase}.notification-modal .modal-body .notification-item .top .priority.high{background:#ff4d4f;color:#fff}.notification-modal .modal-body .notification-item .top .priority.medium{background:#faad14;color:#fff}.notification-modal .modal-body .notification-item .top .priority.low{background:#52c41a;color:#fff}.notification-modal .modal-body .notification-item .top .status{font-size:.75rem;color:#666}.notification-modal .modal-body .notification-item .message{margin:0 0 4px;font-size:.95rem;color:#333;font-weight:500}.notification-modal .modal-body .notification-item .ticket-id{font-size:.8rem;color:#888;margin:0 0 6px}.notification-modal .modal-body .notification-item .time{font-size:.75rem;color:#666}.notification-bell{position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background-color:#f2f4f7}.notification-bell:active{background-color:#f2f4f7;transform:scale(.95)}.notification-bell .icon{font-size:1.5rem;color:#333}.notification-bell .badge{position:absolute;top:-6px;right:-6px;background:#e02424;color:#fff;font-size:.75rem;font-weight:700;border-radius:999px;box-shadow:0 2px 6px #0003;min-width:20px;text-align:center}.api-keys-card .client-section{margin-top:12px}.api-keys-card .client-section h5{font-weight:600;font-size:.75rem;margin-bottom:6px;color:#0078d4}.api-keys-card .client-section .key{display:flex;align-items:center;justify-content:space-between;background:#f4f4f5;padding:8px 12px;border-radius:8px;font-family:monospace;font-size:.7rem;margin-bottom:6px}.api-keys-card .client-section .key span{font-weight:500;color:#555;margin-right:6px}.api-keys-card .client-section .key p{flex:1;margin:0 10px;color:#222;overflow-x:auto}.api-keys-card .client-section .key button{display:flex;align-items:center;gap:5px;padding:5px 10px;font-size:.7rem;font-weight:500;background:#0078d4;color:#fff;border:none;border-radius:6px;cursor:pointer;transition:.2s}.api-keys-card .client-section .key button:hover{background:#005a9e}.card.api-status-card{background:#fff;border-radius:12px;padding:20px;box-shadow:#0000000d 0 0 0 1px;display:flex;flex-direction:column;gap:12px;height:fit-content}.card.api-status-card h4{color:#0078d4;font-weight:600;font-size:1rem;margin:0}.card.api-status-card .status{display:flex;align-items:center;gap:10px;font-weight:500;color:#333}.card.api-status-card .status .status-dot{width:12px;height:12px;border-radius:50%;background:gray}.card.api-status-card .status .status-dot.live{background:#28a745}.card.api-status-card .status .status-dot.offline{background:#dc3545}.card.subscription-card{background:#fff;border-radius:12px;padding:20px;box-shadow:#0000000d 0 0 0 1px;display:flex;flex-direction:column;gap:8px;height:fit-content}.card.subscription-card h4{color:#0078d4;font-weight:600;margin-bottom:10px;font-size:1rem}.card.subscription-card p{font-size:.95rem;color:#444;margin:2px 0}.card.subscription-card p strong{color:#222}.api-form{background:#fff;padding:24px;border-radius:14px;width:100%;margin:0 auto;box-shadow:#0000000d 0 0 0 1px;animation:fadeIn .3s ease}.api-form .title{font-size:22px;font-weight:600;display:flex;align-items:center;gap:6px;margin-bottom:20px;color:#222}.api-form .toggle-row{display:flex;gap:10px}.api-form .toggle-row button{flex:1;padding:10px 12px;border-radius:8px;border:1px solid #ddd;background:#f7f7f7;font-size:14px;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:center;gap:6px}.api-form .toggle-row button:hover{background:#f0f0f0}.api-form .toggle-row button.active{background:#7a2afd;border-color:#7a2afd;color:#fff}.api-form .mt-2{margin-top:15px}.api-form .active-plan{margin-bottom:15px;display:flex;flex-direction:column}.api-form .active-plan label{font-weight:500;margin-bottom:6px;font-size:14px;color:#333}.api-form .active-plan select{padding:11px;border-radius:8px;border:1px solid #dcdcdc;font-size:14px;transition:all .2s ease}.api-form .active-plan select:focus{outline:none;border-color:#7a2afd;box-shadow:0 0 0 3px #7a2afd26}.api-form .active-plan select:disabled{background:#f7f7f7;color:#555}.api-form .form{margin-top:25px}.api-form .form .input-group{display:flex;flex-direction:column;margin-bottom:15px}.api-form .form .input-group label{font-weight:500;margin-bottom:6px;font-size:14px;color:#333}.api-form .form .input-group input{padding:11px;border-radius:8px;border:1px solid #dcdcdc;font-size:14px;transition:all .2s ease}.api-form .form .input-group input:focus{outline:none;border-color:#7a2afd;box-shadow:0 0 0 3px #7a2afd26}.api-form .form .input-group .hint{margin-top:4px;font-size:12px;opacity:.7}.api-form .form .submit-btn{width:100%;background:#7a2afd;color:#fff;padding:12px;border:none;border-radius:8px;cursor:pointer;font-weight:600;margin-top:10px;transition:all .2s ease}.api-form .form .submit-btn:disabled{background:#9adfeb;cursor:not-allowed}.api-form .result{margin-top:20px;background:#e8fdf0;padding:15px;border-radius:10px;display:flex;gap:10px;align-items:center;border:1px solid #c4f0d0}.api-form .result p{font-size:14px;font-weight:600}.api-form .result code{background:#fff;padding:4px 6px;border-radius:5px;font-size:13px;border:1px solid #ececec}.api-form .error-message{margin-top:20px;background:#fff0f0;padding:12px;border-radius:10px;display:flex;gap:10px;align-items:center;border:1px solid #f5c2c7;color:#a71d2a;font-weight:500}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.security-note{margin-top:12px;padding:10px 12px;border-radius:8px;background:#fff3cd;border:1px solid #ffe29a;color:#7a5a00;font-size:13px;display:flex;align-items:center;gap:8px;line-height:1.4}.security-note.light{background:#f2f7ff;border-color:#d8e4ff;color:#2f4fa0;margin-top:10px}.home{font-family:Poppins,sans-serif;color:#111}.home .nav{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 40px;position:fixed;width:100%;top:0;background:#fff;box-shadow:0 5px 20px #0000000f;z-index:50}.home .nav .logo{font-size:1.8rem;font-weight:700;color:#7a2afd}.home .nav .links a{margin:0 15px;text-decoration:none;color:#333;font-weight:500}.home .nav .links a:hover{color:#7a2afd}.home .nav .auth a{margin-left:15px}.home .nav .login{color:#333}.home .nav .register{padding:10px 20px;background:#7a2afd;border-radius:8px;color:#fff;font-weight:600;text-decoration:none}.home .nav .register:hover{background:#5e20d0}.home .hero{height:100vh;background:linear-gradient(135deg,#7a2afd,#26c7ed);display:flex;justify-content:center;align-items:center;color:#fff;padding:0 20px;text-align:center}.home .hero h1{font-size:4rem;margin-bottom:20px}.home .hero p{max-width:600px;margin:auto;opacity:.9}.home .hero .hero-buttons{margin-top:30px}.home .hero .hero-buttons .btn-primary,.home .hero .hero-buttons .btn-outline{padding:12px 30px;border-radius:10px;text-decoration:none;font-size:1rem;margin:0 10px;cursor:pointer;display:inline-block}.home .hero .hero-buttons .btn-primary{background:#fff;color:#7a2afd}.home .hero .hero-buttons .btn-outline{border:2px solid white;color:#fff}.home .features-section,.home .pricing-section,.home .faq-section{padding:100px 20px;max-width:1100px;margin:auto}.home .features-section h2,.home .pricing-section h2,.home .faq-section h2{text-align:center;margin-bottom:50px;font-size:2.8rem}.home .features-grid,.home .pricing-grid{display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.home .feature-card,.home .plan,.home .faq-item{background:#fff;padding:30px;border-radius:16px;box-shadow:0 5px 20px #0000000d}.home .plan.popular{border:3px solid #7a2afd}.home footer{padding:30px;background:#111;text-align:center;color:#fff;margin-top:40px}.subscription-history-page{padding:20px}.subscription-history-page h1{font-size:1.6rem;margin-bottom:20px;font-weight:600;display:flex;align-items:center;gap:10px}.subscription-history-page h1 .refresh-icon{cursor:pointer;font-size:1.3rem;color:#26c7ed;transition:.3s ease}.subscription-history-page h1 .refresh-icon:hover{transform:rotate(180deg);color:#189ab4}.subscription-history-page .history-list{display:grid;gap:.8em;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.subscription-history-page .history-card{background:#fff;border-radius:12px;padding:16px;box-shadow:#0000000d 0 0 0 1px;transition:.2s ease;font-size:.82rem}.subscription-history-page .history-card:hover{transform:translateY(-3px);box-shadow:#00000014 0 4px 10px}.subscription-history-page .history-card .top{display:flex;align-items:center;justify-content:space-between}.subscription-history-page .history-card .top .provider-logo{height:50px}.subscription-history-page .history-card .top .status{padding:4px 10px;border-radius:8px;font-size:.7rem;font-weight:600}.subscription-history-page .history-card .top .status.completed{background:#e8f9f0;color:#0c9d55}.subscription-history-page .history-card .top .status.failed{background:#fdecec;color:#d62828}.subscription-history-page .history-card .top .status.pending{background:#fff5d6;color:#c28400}.subscription-history-page .history-card .details-column{margin-top:14px;display:flex;flex-direction:column;gap:10px}.subscription-history-page .history-card .details-column .detail-row{display:flex;align-items:center;gap:10px;background:#f7f7f7;padding:8px 12px;border-radius:8px;font-size:.74rem}.subscription-history-page .history-card .details-column .detail-row .icon{font-size:1rem;opacity:.7}.subscription-history-page .history-card .amount{margin-top:16px;font-size:1rem;font-weight:700;width:100%;text-align:right}.subscription-history-page .pagination-controls{margin-top:25px;display:flex;justify-content:center;align-items:center;gap:14px}.subscription-history-page .pagination-controls .page-btn{padding:8px 18px;border:none;border-radius:8px;background:#26c7ed;color:#fff;font-size:.9rem;cursor:pointer;transition:.2s ease;font-weight:600}.subscription-history-page .pagination-controls .page-btn:hover:not(:disabled){background:#189ab4;transform:translateY(-2px)}.subscription-history-page .pagination-controls .page-btn:disabled{background:#a9a9a9;cursor:not-allowed;opacity:.6}.subscription-history-page .pagination-controls .page-number{font-size:.95rem;font-weight:600;color:#333}.subscription{text-align:center}.subscription__title{font-size:3rem;font-weight:700;color:#222}.subscription__desc{color:#555;margin-top:.5rem;margin-bottom:3rem;font-size:1.1rem}@media(min-width:768px){.subscription__grid{grid-template-columns:repeat(3,1fr)}}.plan-card{background:#fff;padding:2.5rem;border-radius:1.5rem;box-shadow:#0000000d 0 0 0 1px;border:1px solid #eef0ff;transition:all .3s ease}.plan-card__name{font-size:1.8rem;font-weight:600;color:#222}.plan-card__price{margin:1rem 0 1.5rem;font-size:2.6rem;font-weight:700;color:#000}.plan-card__price span{font-size:.9rem;color:#777;margin-left:3px}.plan-card__features{list-style:none;padding:0;margin-bottom:2rem;text-align:left}.plan-card__features li{display:flex;align-items:center;gap:.5rem;margin-bottom:.7rem;color:#555;font-size:1rem}.plan-card__features li .icon{color:#26c281}.plan-card__input{width:100%;padding:.9rem;border-radius:10px;border:1px solid #ccc;outline:none;font-size:1rem}.plan-card__input:focus{border-color:#7a2afd;box-shadow:0 0 0 3px #7a2afd33}.plan-card__btn{width:100%;margin-top:1.3rem;padding:.9rem;background:#7a2afd;color:#fff;border:none;border-radius:10px;font-size:1rem;cursor:pointer;font-weight:600;transition:.25s ease}.plan-card__btn:hover{background:#601bdc}.success{color:#28a745;font-weight:500;margin-bottom:1rem}.error{color:#dc3545;font-weight:500;margin-bottom:1rem}.rotating{display:inline-block;animation:spin 1s linear infinite;margin-right:5px}.card__container{background-color:#fff;box-shadow:0 1px 1px #00000014,0 2px 2px #0000001f;border-radius:10px}.sign__up__page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:center;align-items:center;min-height:100vh;max-width:900px;margin:0 auto;gap:2rem}.sign__up__page .signup__card{width:100%;max-width:450px;text-align:center;color:#333;font-size:.9rem;padding:1.2em}.sign__up__page .signup__card .logo h1{color:#7a2afd;font-size:2rem;margin-bottom:.5rem;font-weight:700}.sign__up__page .signup__card h2{font-weight:600;font-size:1.3rem;margin-bottom:.3rem}.sign__up__page .signup__card .subtitle{font-size:.85rem;margin-bottom:1.5rem;color:#666}.sign__up__page .signup__card .error{background:#ff4d4f1a;color:#ff4d4f;padding:.7rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.sign__up__page .signup__card .signup__form{display:flex;flex-direction:column;gap:1rem}.sign__up__page .signup__card .signup__form .ttt{display:flex;gap:.6em}.sign__up__page .signup__card .signup__form .input__group{position:relative}.sign__up__page .signup__card .signup__form .input__group input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:10px;font-size:.9rem;outline:none;transition:border .3s;background-color:transparent}.sign__up__page .signup__card .signup__form .input__group input:focus{border-color:#7a2afd}.sign__up__page .signup__card .signup__form .input__group input:focus+label,.sign__up__page .signup__card .signup__form .input__group input:not(:placeholder-shown)+label{top:-.6rem;left:.6rem;font-size:.7rem;color:#333;background-color:#fff;padding:0 .3rem;border-radius:.3em}.sign__up__page .signup__card .signup__form .input__group label{position:absolute;top:.75rem;left:.75rem;pointer-events:none;color:#999;transition:all .2s ease}.sign__up__page .signup__card .signup__form .btn{padding:.75rem;border:none;border-radius:12px;background:linear-gradient(90deg,#7a2afd,#26c7ed);color:#fff;font-weight:600;cursor:pointer}.sign__up__page .signup__card .signin__text{margin-top:1rem;font-size:.8rem}.sign__up__page .signup__card .signin__text a{color:#7a2afd;font-weight:500}.sign__up__page .signup__card .signin__text a:hover{text-decoration:underline}@media(max-width:768px){.sign__up__page{display:flex;flex-direction:column;gap:2rem;padding:1rem}.signup__card{width:100%;max-width:100%}.ttt{flex-direction:column}}.sign__in__page{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);justify-content:center;align-items:center;min-height:100vh;max-width:900px;margin:0 auto;gap:2rem}.sign__in__page .login__card{padding:1.2em;width:100%;max-width:400px;text-align:center;color:#333;font-size:.9rem}.sign__in__page .login__card .logo h1{color:#7a2afd;font-size:2rem;margin-bottom:.5rem;font-weight:700}.sign__in__page .login__card h2{font-weight:600;font-size:1.3rem;margin-bottom:.3rem}.sign__in__page .login__card .subtitle{font-size:.85rem;margin-bottom:1.5rem;color:#666}.sign__in__page .login__card .error{background:#ff4d4f1a;color:#ff4d4f;padding:.7rem;border-radius:8px;margin-bottom:1rem;font-size:.85rem}.sign__in__page .login__card .login__form{display:flex;flex-direction:column;gap:1rem}.sign__in__page .login__card .login__form .input__group{position:relative}.sign__in__page .login__card .login__form .input__group input{width:100%;padding:.75rem;border:1px solid #ccc;border-radius:10px;font-size:.9rem;outline:none;transition:border .3s;background-color:transparent}.sign__in__page .login__card .login__form .input__group input:focus{border-color:#7a2afd}.sign__in__page .login__card .login__form .input__group input:focus+label,.sign__in__page .login__card .login__form .input__group input:not(:placeholder-shown)+label{top:-.6rem;left:.6rem;font-size:.7rem;color:#333;background:#fff;padding:0 .3rem}.sign__in__page .login__card .login__form .input__group label{position:absolute;top:.75rem;left:.75rem;pointer-events:none;color:#999;transition:all .2s ease}.sign__in__page .login__card .login__form .btn{padding:.75rem;border:none;border-radius:12px;background:linear-gradient(90deg,#7a2afd,#26c7ed);color:#fff;font-weight:600;cursor:pointer}.sign__in__page .login__card .signup__text{margin-top:1rem;font-size:.8rem}.sign__in__page .login__card .signup__text a{color:#7a2afd;font-weight:500}.sign__in__page .login__card .signup__text a:hover{text-decoration:underline}.forgot__password{padding:0;margin:0}.spin{animation:spin 1s linear infinite;display:inline-block;vertical-align:middle}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(max-width:768px){.sign__in__page{display:flex;flex-direction:column;padding:2rem 1rem;gap:2rem}.login__card{width:100%;max-width:100%}}.terms-page{padding:50px 20px;display:flex;justify-content:center}.terms-page .terms-card{max-width:900px;width:100%;background:#fff;padding:30px;border-radius:16px;box-shadow:#0000000d 0 0 0 1px;color:#333;line-height:1.6}.terms-page .terms-card h1{color:#7a2afd;margin-bottom:1rem;text-align:center}.terms-page .terms-card h2{color:#7a2afd;margin-top:1.5rem;margin-bottom:.5rem;font-size:1.2rem}.terms-page .terms-card p,.terms-page .terms-card ul{margin-bottom:1rem}.terms-page .terms-card ul{padding-left:20px}.terms-page .terms-card ul li{margin-bottom:.5rem}.terms-page .terms-card .effective-date{text-align:center;color:#666;margin-bottom:1.5rem}.terms-page .terms-card .acknowledge{margin-top:2rem;font-weight:500;text-align:center}.terms-page .terms-card .btn-back{display:block;margin:2rem auto 0;padding:.75rem 2rem;background:linear-gradient(90deg,#7a2afd,#26c7ed);color:#fff;text-align:center;border-radius:12px;text-decoration:none;font-weight:600;transition:.3s}.terms-page .terms-card .btn-back:hover{opacity:.9}@media(max-width:768px){.terms-page,.terms-page .terms-card{padding:20px}.terms-page .terms-card h1{font-size:1.5rem}.terms-page .terms-card h2{font-size:1rem}}.reset__container{display:flex;justify-content:center;align-items:center;height:100vh;background:#f7f7fc}.reset__card{background:#fff;padding:2rem 2.5rem;border-radius:20px;width:380px;box-shadow:#0000000d 0 0 0 1px;text-align:center}.reset__card h2{margin-bottom:8px;color:#111}.reset__card .subtitle{font-size:.9rem;color:#555;margin-bottom:1.5rem}.reset__card .input__group{position:relative;margin-bottom:22px}.reset__card .input__group .reset-input{width:100%;padding:14px;border-radius:12px;border:1px solid #ddd;outline:none}.reset__card .input__group .reset-label{position:absolute;top:-7px;left:12px;padding:0 4px;background:#fff;font-size:.8rem;color:#7a2afd}.reset__card .btn{width:100%;background:#7a2afd;color:#fff;padding:12px 0;border-radius:12px;font-size:1rem;cursor:pointer}.reset__card .spin{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.reset__card .success{color:#22c55e;font-size:.9rem;margin-bottom:10px}.reset__card .error{color:#ef4444;font-size:.9rem;margin-bottom:10px}