@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&family=Noto+Sans+Thai:wght@300;400;500;600;700;800;900&display=swap";
:root{--bg-primary:#050505;--bg-secondary:#0a0f0a;--bg-card:#0a190f99;--bg-card-hover:#0f2819b3;--bg-glass:#00ff880a;--border-glass:#00ff8826;--border-glass-hover:#00ff8859;--accent:#0f8;--accent-dim:#00cc6a;--accent-glow:#00ff884d;--accent-glow-strong:#0f89;--accent-secondary:#00e5ff;--accent-tertiary:#7c4dff;--text-primary:#e8f5e9;--text-secondary:#81c784;--text-muted:#4a6a4e;--text-bright:#fff;--gradient-main:linear-gradient(135deg, #0f8, #00e5ff);--gradient-card:linear-gradient(145deg, #00ff8814, #00e5ff0a);--gradient-btn:linear-gradient(135deg, #0f8, #00cc6a);--gradient-btn-hover:linear-gradient(135deg, #3fa, #0f8);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--shadow-card:0 4px 30px #00ff8814;--shadow-card-hover:0 8px 50px #00ff882e;--shadow-glow:0 0 40px #00ff8826;--shadow-btn:0 4px 25px #00ff884d;--font-main:"Inter", "Noto Sans Thai", -apple-system, BlinkMacSystemFont, sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-main);background:var(--bg-primary);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;overflow-x:hidden}.bg-animated{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;top:0;left:0;overflow:hidden}.bg-orb{filter:blur(120px);opacity:.25;border-radius:50%;animation:20s ease-in-out infinite orbFloat;position:absolute}.bg-orb--1{background:radial-gradient(circle, var(--accent) 0%, transparent 70%);width:600px;height:600px;animation-duration:25s;top:-200px;right:-200px}.bg-orb--2{background:radial-gradient(circle, var(--accent-secondary) 0%, transparent 70%);width:400px;height:400px;animation-duration:18s;animation-delay:-5s;bottom:-100px;left:-100px}.bg-orb--3{background:radial-gradient(circle, var(--accent-tertiary) 0%, transparent 70%);width:300px;height:300px;animation-duration:22s;animation-delay:-10s;top:50%;left:50%;transform:translate(-50%,-50%)}.bg-grid{background-image:linear-gradient(#00ff8808 1px,#0000 1px),linear-gradient(90deg,#00ff8808 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}@keyframes orbFloat{0%,to{transform:translate(0)scale(1)}25%{transform:translate(40px,-30px)scale(1.1)}50%{transform:translate(-20px,40px)scale(.95)}75%{transform:translate(30px,20px)scale(1.05)}}.install-banner{z-index:1000;-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border-glass);background:linear-gradient(135deg,#00ff8826,#00e5ff1a);justify-content:center;align-items:center;gap:12px;padding:12px 20px;animation:.5s ease-out slideDown;display:flex;position:fixed;top:0;left:0;right:0}.install-banner__text{color:var(--text-primary);font-size:14px;font-weight:500}.install-banner__btn{background:var(--gradient-btn);color:#000;cursor:pointer;font-size:13px;font-weight:700;font-family:var(--font-main);border:none;border-radius:20px;padding:6px 18px;transition:all .3s}.install-banner__btn:hover{box-shadow:var(--shadow-btn);transform:scale(1.05)}.install-banner__dismiss{color:var(--text-secondary);border:1px solid var(--border-glass);cursor:pointer;font-size:13px;font-family:var(--font-main);background:0 0;border-radius:20px;padding:6px 14px;transition:all .3s}.install-banner__dismiss:hover{border-color:var(--border-glass-hover);color:var(--text-primary)}@keyframes slideDown{0%{opacity:0;transform:translateY(-100%)}to{opacity:1;transform:translateY(0)}}.main-container{z-index:1;min-height:100vh;padding-bottom:120px;position:relative}.main-container--banner-visible{padding-top:50px}.header{z-index:100;-webkit-backdrop-filter:blur(30px);border-bottom:1px solid var(--border-glass);background:#050505b3;padding:16px 24px;transition:all .3s;position:sticky;top:0}.header__inner{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}.header__brand{align-items:center;gap:14px;text-decoration:none;display:flex}.header__logo{border:2px solid var(--border-glass);width:48px;height:48px;box-shadow:var(--shadow-glow);border-radius:50%;transition:all .4s;animation:3s ease-in-out infinite logoPulse}.header__logo:hover{border-color:var(--accent);transform:scale(1.1)rotate(5deg)}@keyframes logoPulse{0%,to{box-shadow:0 0 20px #00ff8826}50%{box-shadow:0 0 35px #00ff884d}}.header__title{background:var(--gradient-main);-webkit-text-fill-color:transparent;letter-spacing:2px;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:900}.header__tagline{color:var(--text-muted);letter-spacing:1px;margin-top:2px;font-size:11px;font-weight:400}.header__actions{flex-shrink:0;align-items:center;gap:8px;min-width:0;display:flex}.lang-toggle{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--text-secondary);cursor:pointer;font-family:var(--font-main);border-radius:20px;align-items:center;gap:6px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.lang-toggle:hover{border-color:var(--border-glass-hover);color:var(--accent);background:#00ff881a}.lang-toggle__icon{font-size:16px}.header-login-btn{background:var(--gradient-btn);color:#000;cursor:pointer;font-family:var(--font-main);border:none;border-radius:20px;align-items:center;gap:6px;padding:8px 20px;font-size:13px;font-weight:700;transition:all .3s;display:flex;position:relative;overflow:hidden}.header-login-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.header-login-btn:hover:before{left:100%}.header-login-btn:hover{box-shadow:var(--shadow-btn);transform:scale(1.05)}.user-menu{position:relative}.user-menu__trigger{background:var(--bg-glass);border:1px solid var(--border-glass);color:var(--accent);cursor:pointer;font-family:var(--font-main);border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .3s;display:flex}.user-menu__trigger:hover{border-color:var(--border-glass-hover);background:#00ff881a}.user-menu__avatar{background:var(--gradient-btn);color:#000;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:flex}.user-menu__phone{letter-spacing:1px}.user-menu__arrow{color:var(--text-muted);font-size:10px;transition:transform .3s}.user-menu__arrow--open{transform:rotate(180deg)}.user-menu__dropdown{-webkit-backdrop-filter:blur(30px);border:1px solid var(--border-glass);border-radius:var(--radius-md);min-width:200px;box-shadow:0 10px 40px #00000080, 0 0 40px var(--accent-glow);z-index:200;background:#0a140ff2;padding:8px;animation:.2s ease-out dropdownFadeIn;position:absolute;top:calc(100% + 8px);right:0}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu__item{border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-main);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;padding:12px 14px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.user-menu__item:hover{color:var(--accent);background:#00ff8814}.user-menu__item--danger:hover{color:#f44;background:#ff44441a}.user-menu__divider{background:var(--border-glass);height:1px;margin:6px 0}.user-menu__label{color:var(--text-muted);letter-spacing:.5px;text-transform:uppercase;padding:8px 14px 4px;font-size:11px;font-weight:600}.products__header{text-align:center;margin-bottom:36px}.products__title{background:var(--gradient-main);-webkit-text-fill-color:transparent;letter-spacing:1px;-webkit-background-clip:text;background-clip:text;margin-bottom:10px;font-size:32px;font-weight:900}.products__subtitle{color:var(--text-secondary);max-width:500px;margin:0 auto;font-size:15px;font-weight:400;line-height:1.6}.products{max-width:1200px;margin:0 auto;padding:30px 24px}.products__grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;display:grid}.card{border-radius:var(--radius-lg);cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1);animation:.6s ease-out both cardFadeIn;position:relative;overflow:hidden}.card:first-child{animation-delay:50ms}.card:nth-child(2){animation-delay:.1s}.card:nth-child(3){animation-delay:.15s}.card:nth-child(4){animation-delay:.2s}.card:nth-child(5){animation-delay:.25s}.card:nth-child(6){animation-delay:.3s}@keyframes cardFadeIn{0%{opacity:0;transform:translateY(30px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.card__glow{background:linear-gradient(135deg, var(--accent), var(--accent-secondary), var(--accent-tertiary), var(--accent));border-radius:var(--radius-lg);opacity:0;z-index:0;pointer-events:none;background-size:300% 300%;transition:opacity .4s;animation:6s linear infinite glowRotate;position:absolute;inset:-2px}@keyframes glowRotate{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.card:hover .card__glow{opacity:.6}.card__inner{z-index:1;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);flex-direction:column;height:100%;padding:24px;transition:all .4s;display:flex;position:relative}.card:hover .card__inner{background:var(--bg-card-hover);border-color:var(--border-glass-hover);box-shadow:var(--shadow-card-hover);transform:translateY(-4px)}.card__header{justify-content:space-between;align-items:flex-start;margin-bottom:12px;display:flex}.card__icon{border-radius:var(--radius-md);border:1px solid var(--border-glass);background:linear-gradient(135deg,#00ff8826,#00e5ff1a);justify-content:center;align-items:center;width:52px;height:52px;font-size:26px;transition:all .3s;display:flex}.card:hover .card__icon{box-shadow:0 0 20px var(--accent-glow);background:linear-gradient(135deg,#00ff8840,#00e5ff26);transform:scale(1.1)}.card__badge{letter-spacing:.5px;text-transform:uppercase;border-radius:20px;padding:4px 12px;font-size:11px;font-weight:700}.card__badge--popular{color:var(--accent);background:linear-gradient(135deg,#0f83,#00ff881a);border:1px solid #00ff884d}.card__badge--best{color:var(--accent-secondary);background:linear-gradient(135deg,#00e5ff33,#00e5ff1a);border:1px solid #00e5ff4d}.card__badge--lifetime{color:gold;background:linear-gradient(135deg,#ffd70033,#ffa5001a);border:1px solid #ffd7004d}.card__badge--addon{color:var(--accent-tertiary);background:linear-gradient(135deg,#7c4dff33,#7c4dff1a);border:1px solid #7c4dff4d}.card--highlight{border:1px solid #ffd70066;transform:scale(1.02);box-shadow:0 0 20px #ffd70026}.card--highlight .card__glow{background:linear-gradient(135deg,gold,#ff8c00,gold)}.card--highlight .card__inner{background:#1e1900d9;border-color:#ffd7004d}.card--highlight:hover .card__inner{background:#2d2300f2;border-color:#ffd700cc;transform:translateY(-4px);box-shadow:0 15px 40px #ffd70040}.card--highlight .card__icon{background:linear-gradient(135deg,#ffd70033,#ff8c001a);border-color:#ffd70066}.card--highlight:hover .card__icon{background:linear-gradient(135deg,#ffd70059,#ff8c0040);box-shadow:0 0 25px #ffd70099}.card--highlight .card__buy-btn{color:#000;background:linear-gradient(135deg,gold,#ff8c00);box-shadow:0 0 15px #ffd70066}.card--highlight:hover .card__buy-btn{transform:scale(1.05);box-shadow:0 0 25px #ffd70099}.card__title{color:var(--text-bright);margin-bottom:8px;font-size:20px;font-weight:700}.card__desc{color:var(--text-secondary);flex-grow:1;margin-bottom:14px;font-size:14px;line-height:1.5}.card__footer{flex-direction:column;align-items:stretch;gap:12px;display:flex}.card__btn-row{gap:10px;width:100%;display:flex}.card__btn-row>button{flex:1;min-width:0}.card__extend-btn{color:#bbb;border-radius:var(--radius-md);cursor:pointer;font-size:14px;font-weight:600;font-family:var(--font-main);white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff2e;padding:12px 8px;transition:all .3s}.card__extend-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59}.card__price{align-items:baseline;gap:4px;display:flex}.card__price-amount{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:32px;font-weight:900}.card__price-currency{color:var(--text-secondary);font-size:16px;font-weight:600}.card__price-unit{color:var(--text-muted);font-size:13px;font-weight:400}.card__buy-btn{background:var(--gradient-btn);color:#000;border-radius:var(--radius-md);cursor:pointer;font-size:15px;font-weight:700;font-family:var(--font-main);white-space:nowrap;border:none;padding:12px 28px;transition:all .3s;position:relative;overflow:hidden}.card__buy-btn:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.card__buy-btn:hover:before{left:100%}.card__buy-btn:hover{background:var(--gradient-btn-hover);box-shadow:var(--shadow-btn);transform:scale(1.05)}.card__buy-btn:active{transform:scale(.97)}.card--lifetime .card__inner{background:linear-gradient(145deg,#281e0080,#140f0066);border-color:#ffd70033}.card--lifetime:hover .card__inner{border-color:#ffd70066;box-shadow:0 8px 50px #ffd70026}.card--lifetime .card__glow{background:linear-gradient(135deg,gold,#ff8c00,gold) 0 0/300% 300%}.card--lifetime .card__icon{background:linear-gradient(135deg,#ffd70033,#ffa5001a);border-color:#ffd7004d}.card--lifetime .card__price-amount{background:linear-gradient(135deg,gold,#ff8c00);-webkit-background-clip:text;background-clip:text}.card--lifetime .card__buy-btn{background:linear-gradient(135deg,gold,#ff8c00)}.card--lifetime .card__buy-btn:hover{background:linear-gradient(135deg,#ffe44d,orange);box-shadow:0 4px 25px #ffd70066}.card--addon .card__inner{background:linear-gradient(145deg,#190f2880,#0f0a1966);border-color:#7c4dff33}.card--addon:hover .card__inner{border-color:#7c4dff66;box-shadow:0 8px 50px #7c4dff26}.card--addon .card__glow{background:linear-gradient(135deg,#7c4dff,#e040fb,#7c4dff) 0 0/300% 300%}.card--addon .card__icon{background:linear-gradient(135deg,#7c4dff33,#e040fb1a);border-color:#7c4dff4d}.card--addon .card__price-amount{background:linear-gradient(135deg,#7c4dff,#e040fb);-webkit-background-clip:text;background-clip:text}.card--addon .card__buy-btn{background:linear-gradient(135deg,#7c4dff,#651fff)}.card--addon .card__buy-btn:hover{background:linear-gradient(135deg,#9c7cff,#7c4dff);box-shadow:0 4px 25px #7c4dff66}.modal-overlay{z-index:2000;-webkit-backdrop-filter:blur(10px);-webkit-overflow-scrolling:touch;background:#000000b3;justify-content:center;align-items:center;padding:24px;animation:.3s ease-out modalFadeIn;display:flex;position:fixed;inset:0;overflow-y:auto}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.modal{-webkit-backdrop-filter:blur(40px);border:1px solid var(--border-glass);border-radius:var(--radius-xl);text-align:center;width:100%;max-width:420px;max-height:calc(100vh - 48px);box-shadow:0 20px 60px #00000080, 0 0 80px var(--accent-glow);-webkit-overflow-scrolling:touch;scrollbar-width:thin;background:#0a140ff2;padding:40px 32px;animation:.4s cubic-bezier(.4,0,.2,1) modalSlideUp;position:relative;overflow-y:auto}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(40px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}.modal__close{border:1px solid var(--border-glass);width:36px;height:36px;color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:all .3s;display:flex;position:absolute;top:16px;right:16px}.modal__close:hover{color:#f44;background:#ff00001a;border-color:#ff00004d}.modal__logo{border:2px solid var(--accent);width:80px;height:80px;box-shadow:0 0 40px var(--accent-glow);border-radius:50%;margin-bottom:20px}.modal__title{color:var(--text-bright);margin-bottom:8px;font-size:24px;font-weight:800}.modal__subtitle{color:var(--text-secondary);margin-bottom:20px;font-size:14px}.modal__input-wrapper{margin-bottom:16px;position:relative}.modal__input-icon{color:var(--text-muted);pointer-events:none;font-size:20px;transition:color .3s;position:absolute;top:50%;left:16px;transform:translateY(-50%)}.modal__input{border:1px solid var(--border-glass);border-radius:var(--radius-md);width:100%;color:var(--text-bright);font-size:18px;font-family:var(--font-main);letter-spacing:2px;text-align:center;background:#00ff880d;outline:none;padding:16px 16px 16px 48px;font-weight:600;transition:all .3s}.modal__input::placeholder{color:var(--text-muted);letter-spacing:1px;font-weight:400}.modal__input:focus{border-color:var(--accent);box-shadow:0 0 20px var(--accent-glow);background:#00ff8814}.modal__input:focus~.modal__input-icon{color:var(--accent)}.modal__submit{background:var(--gradient-btn);color:#000;border-radius:var(--radius-md);cursor:pointer;width:100%;font-size:16px;font-weight:800;font-family:var(--font-main);letter-spacing:1px;border:none;padding:16px;transition:all .3s;position:relative;overflow:hidden}.modal__submit:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:all .5s;position:absolute;top:0;left:-100%}.modal__submit:hover:before{left:100%}.modal__submit:hover{background:var(--gradient-btn-hover);box-shadow:var(--shadow-btn);transform:translateY(-2px)}.modal__submit:active{transform:translateY(0)scale(.98)}.modal__submit:disabled{opacity:.5;cursor:not-allowed;transform:none}.modal__note{color:var(--text-muted);margin-top:16px;font-size:12px;line-height:1.5}.footer{z-index:1;text-align:center;border-top:1px solid var(--border-glass);-webkit-backdrop-filter:blur(10px);background:#05050580;padding:40px 24px;position:relative}.footer__text{color:var(--text-secondary);margin-bottom:6px;font-size:14px;font-weight:500}.footer__sub{color:var(--text-muted);font-size:12px}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-glass);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--accent-dim)}@media (max-width:768px){.header{padding:10px 12px}.header__inner{gap:8px}.header__brand{flex-shrink:1;gap:8px;min-width:0}.header__title{letter-spacing:.5px;font-size:16px}.header__tagline{display:none}.header__logo{width:34px;height:34px}.header__actions{gap:6px}.lang-toggle{padding:6px 8px}.lang-toggle__text{display:none}.lang-toggle__icon{font-size:15px}.user-menu__trigger{gap:5px;padding:6px 10px;font-size:12px}.user-menu__avatar{width:20px;height:20px;font-size:10px}.user-menu__phone{letter-spacing:.5px;text-overflow:ellipsis;white-space:nowrap;max-width:80px;overflow:hidden}.products__title{font-size:24px}.products__subtitle{font-size:13px}.user-menu__dropdown{min-width:180px;right:-10px}.header-login-btn{padding:7px 14px;font-size:12px}.products{padding:20px 16px}.products__grid{grid-template-columns:1fr;gap:16px}.card__inner{padding:22px}.card__price-amount{font-size:26px}.card__buy-btn{padding:11px 22px;font-size:14px}.modal-overlay{align-items:flex-start;padding:20px 12px 12px}.modal{border-radius:var(--radius-lg);max-height:calc(100dvh - 40px);margin:auto 0;padding:28px 18px}.modal__title{font-size:20px}.modal__subtitle{margin-bottom:20px;font-size:13px}.modal__logo{width:60px;height:60px}.modal__input{padding:14px 14px 14px 44px;font-size:16px}.checkout-price{font-size:1em}.highlight-price{font-size:1.3em}.upload-btn-premium{padding:14px 20px;font-size:.95em}.extra-device-input{padding:11px;font-size:14px}.glass-key-box{padding:16px}.key-value{font-size:1.1rem}.history-list{max-height:350px}.install-banner{flex-wrap:wrap;gap:8px;padding:10px 16px}.install-banner__text{text-align:center;width:100%;font-size:12px}}@media (max-width:500px){.header__brand .header__title{display:none}}@media (max-width:400px){.card__footer{flex-direction:column;align-items:stretch}.card__price{justify-content:center;margin-bottom:4px}.card__buy-btn{text-align:center;padding:10px 12px;font-size:13px}.modal-overlay{padding:12px 8px 8px}.modal{border-radius:var(--radius-md);padding:24px 14px}.modal__title{font-size:18px}.modal__close{width:30px;height:30px;font-size:14px;top:10px;right:10px}}@media (min-width:1024px){.products__grid{grid-template-columns:repeat(3,1fr)}}.checkout-product{margin-bottom:14px}.checkout-price{color:#aaa;font-size:1.1em}.highlight-price{background:var(--gradient-main);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.5em;font-weight:900}.qr-container{text-align:center;margin:14px 0}.qr-image{border:2px solid var(--border-glass);border-radius:12px}.qr-note{color:#888;margin-top:8px;font-size:.85rem}.upload-btn-premium{color:#000;cursor:pointer;width:100%;font-size:1.1em;font-weight:800;font-family:var(--font-main);background:linear-gradient(135deg,#0f8 0%,#0cf 100%);border:none;border-radius:50px;justify-content:center;align-items:center;gap:10px;padding:16px 32px;transition:all .3s;display:inline-flex;box-shadow:0 4px 15px #0f86}.upload-btn-premium:hover:not(:disabled){transform:translateY(-3px)scale(1.02);box-shadow:0 8px 25px #0f89}.upload-btn-premium:active:not(:disabled){transform:translateY(1px)scale(.98)}.upload-btn-premium:disabled{color:#888;cursor:not-allowed;background:#333;animation:1.5s infinite pulseProcessing;box-shadow:inset 0 2px 10px #00000080}@keyframes pulseProcessing{0%{opacity:.6}50%{opacity:1;text-shadow:0 0 10px #00ff8880;color:#0f8}to{opacity:.6}}.upload-container{text-align:center;width:100%;margin-top:14px}.checkout-error{color:#f44;background:#ff32321a;border:1px dashed #f44;border-radius:8px;margin-top:15px;padding:12px;font-weight:700}.extra-device-label{color:#888;margin-bottom:8px;font-size:.9em;display:block}.extra-device-input{color:#fff;background:#111;border:1px solid #444;border-radius:8px;outline:none;width:100%;padding:12px;font-family:monospace;transition:border-color .3s}.extra-device-input--valid{border-color:#0f8}.checkout-success-premium{text-align:center;padding:20px 10px}.success-badge{margin-bottom:20px;display:inline-block;scale:1.5}.success-title{color:#0f8;text-shadow:0 0 15px #00ff8880;margin-bottom:10px;font-size:1.5rem;font-weight:800}.glass-key-box{-webkit-backdrop-filter:blur(10px);background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;margin:20px 0;padding:20px;position:relative;overflow:hidden}.key-label{color:#888;text-transform:uppercase;letter-spacing:2px;margin-bottom:10px;font-size:.7rem;display:block}.key-value{color:#fff;word-break:break-all;letter-spacing:1px;margin-bottom:15px;font-family:Courier New,monospace;font-size:1.4rem;display:block}.btn-copy-premium{color:#000;cursor:pointer;font-weight:700;font-family:var(--font-main);background:#fff;border:none;border-radius:100px;align-items:center;gap:8px;padding:10px 30px;transition:all .3s;display:inline-flex;box-shadow:0 10px 20px #0003}.btn-copy-premium:hover{background:#0f8;transform:translateY(-2px);box-shadow:0 15px 30px #fff3}.btn-copy-premium:active{transform:scale(.95)}@keyframes toastFade{0%{opacity:0;transform:translate(-50%,-20px)}20%{opacity:1;transform:translate(-50%)}80%{opacity:1}to{opacity:0;transform:translate(-50%,-20px)}}.toast-notification{color:#000;z-index:10000;background:#0f8;border-radius:100px;padding:10px 20px;font-weight:700;animation:2s forwards toastFade;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00ff8880}.history-card{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;margin-bottom:12px;padding:15px;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.history-card:hover{background:#ffffff0f;border-color:#00ff884d;transform:translate(5px)}.status-badge{text-transform:uppercase;letter-spacing:1px;border-radius:100px;padding:2px 8px;font-size:.65rem;font-weight:700}.loading-spinner-history{border:3px solid #00ff881a;border-top-color:#0f8;border-radius:50%;width:40px;height:40px;margin:40px auto;animation:1s linear infinite spinHistory}@keyframes spinHistory{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.history-list{scrollbar-width:thin;max-height:450px;padding:0 5px;overflow-y:auto}.history-key-code{background:#0000004d;border:1px solid #ffffff0d;border-radius:8px;flex:1;padding:8px 12px;font-family:monospace;font-size:.85rem}.history-copy-btn{color:#0f8;cursor:pointer;font-size:.8rem;font-weight:700;font-family:var(--font-main);background:#00ff881a;border:1px solid #0f83;border-radius:8px;padding:8px 15px;transition:all .3s}.history-copy-btn:hover{background:#0f83}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}