*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg: #000000;--color-bg-2: #0a0a0a;--color-bg-card: #111111;--color-bg-card-hover: #181818;--color-border: rgba(255, 255, 255, .07);--color-border-hover: rgba(139, 92, 246, .55);--color-primary: #7C3AED;--color-primary-light: #9D6EE8;--color-primary-dark: #6D28D9;--color-cyan: #10B981;--color-cyan-dim: rgba(16, 185, 129, .7);--color-gold: #F59E0B;--color-gold-light: #FCD34D;--color-purple-light: #9D6EE8;--color-purple: #7C3AED;--color-purple-dark: #6D28D9;--color-text: #FFFFFF;--color-text-muted: #AAAAAA;--color-text-dim: #666666;--color-white: #ffffff;--color-glow-purple: rgba(124, 58, 237, .25);--color-glow-cyan: rgba(16, 185, 129, .15);--color-glow-gold: rgba(245, 158, 11, .25);--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--shadow-card: 0 1px 3px rgba(0, 0, 0, .5), 0 0 0 1px rgba(255, 255, 255, .05);--shadow-card-hover: 0 8px 32px rgba(0, 0, 0, .45), 0 0 0 1px rgba(139, 92, 246, .35);--transition: all .2s cubic-bezier(.4, 0, .2, 1);--font-display: "Outfit", sans-serif;--font-body: "Outfit", sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html{scroll-behavior:smooth}body{font-family:var(--font-body);background-color:var(--color-bg);color:var(--color-text);min-height:100vh;line-height:1.6;overflow-x:hidden;margin:0}#root{min-height:100vh;display:flex;flex-direction:column}.cosmic-bg{position:fixed;inset:0;z-index:-2;background:#000}.stars{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.star{position:absolute;width:2px;height:2px;background:#fff;border-radius:50%;animation:twinkle var(--duration, 3s) ease-in-out infinite;animation-delay:var(--delay, 0s);opacity:var(--opacity, .7);box-shadow:0 0 3px #fff9}@keyframes twinkle{0%,to{opacity:var(--opacity, .4);transform:scale(1)}50%{opacity:.05;transform:scale(.4)}}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;background:none;font-family:inherit}input,select,textarea{font-family:inherit}.container{width:100%;max-width:1100px;margin:0 auto;padding:0 1.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.5rem;border-radius:var(--radius-md);font-weight:600;font-size:.9rem;transition:var(--transition);cursor:pointer;border:none;font-family:var(--font-body);letter-spacing:0;position:relative}.btn-primary{background:var(--color-primary);color:#fff;border:1px solid rgba(255,255,255,.08)}.btn-primary:hover{background:var(--color-primary-light);transform:translateY(-1px);box-shadow:0 4px 16px #7c3aed66}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-gold{background:var(--color-gold);color:#1a0a00;font-weight:700;border:1px solid rgba(255,255,255,.1)}.btn-gold:hover{background:var(--color-gold-light);transform:translateY(-1px);box-shadow:0 4px 16px #f59e0b59}.btn-gold:disabled{opacity:.45;cursor:not-allowed;transform:none}.btn-ghost{background:#ffffff0a;color:var(--color-text-muted);border:1px solid var(--color-border)}.btn-ghost:hover{background:#ffffff12;color:var(--color-text);border-color:#ffffff24}.btn-sm{padding:.4rem .9rem;font-size:.8rem}.btn-lg{padding:.85rem 2rem;font-size:.975rem}.btn-full{width:100%}.form-group{display:flex;flex-direction:column;gap:.45rem}.form-label{font-size:.75rem;font-weight:600;color:var(--color-text-muted);letter-spacing:.03em;text-transform:uppercase;font-family:var(--font-display)}.form-input{background:#ffffff08;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.95rem;padding:.7rem .9rem;transition:var(--transition);outline:none;width:100%}.form-input::placeholder{color:var(--color-text-dim)}.form-input:focus{border-color:var(--color-primary);background:#7c3aed0f;box-shadow:0 0 0 3px #7c3aed26}.form-input::-webkit-calendar-picker-indicator{filter:invert(1) opacity(.35)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card)}.page{flex:1;padding:2rem 0 4rem}.page-header{text-align:center;margin-bottom:2.5rem}.page-header__cta{margin:.75rem auto .5rem;display:inline-flex}.page-title{font-size:clamp(1.6rem,4vw,2.25rem);color:var(--color-white);margin-bottom:.65rem;font-family:var(--font-display);font-weight:700}.page-desc{color:var(--color-text-muted);font-size:.975rem;max-width:500px;margin:0 auto;line-height:1.65}.divider{height:1px;background:var(--color-border);margin:1.5rem 0}.badge{display:inline-flex;align-items:center;gap:.3rem;padding:.2rem .65rem;border-radius:var(--radius-sm);font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-family:var(--font-display)}.badge-active{background:#10b9811a;color:#34d399;border:1px solid rgba(16,185,129,.2)}.badge-inactive{background:#ffffff0a;color:var(--color-text-muted);border:1px solid var(--color-border)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--color-bg-2)}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:2px}::-webkit-scrollbar-thumb:hover{background:#fff3}.cancel-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:440px;width:100%}.cancel-modal__actions{display:flex;gap:.75rem;margin-top:1.5rem}@media(max-width:768px){.container{padding:0 1rem}.page{padding:1.5rem 0 3rem}}@media(max-width:480px){.form-input{font-size:16px}.btn{min-height:46px;padding:.7rem 1.1rem}.btn-lg{padding:.8rem 1.4rem;font-size:.95rem}.cancel-modal{padding:1.5rem;border-radius:var(--radius-lg)}.cancel-modal__actions{flex-direction:column}}.account-menu__guest{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.83rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.account-menu__guest:hover{background:#ffffff12;border-color:#ffffff24}.account-menu{position:relative}.account-menu__trigger{display:flex;align-items:center;gap:.5rem;padding:.3rem .65rem .3rem .3rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.83rem;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.account-menu__trigger:hover{background:#ffffff12;border-color:#ffffff24}.account-menu__avatar{width:24px;height:24px;border-radius:var(--radius-sm);background:var(--color-primary);color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-menu__email{max-width:90px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.76rem;color:var(--color-text-muted)}.account-menu__arrow{color:var(--color-text-dim);transition:transform .2s ease;flex-shrink:0}.account-menu__arrow.open{transform:rotate(180deg)}.account-menu__dropdown{position:absolute;top:calc(100% + 6px);left:0;min-width:200px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;z-index:200;overflow:hidden;animation:dropIn .15s ease}.account-menu__item{display:flex;align-items:center;gap:.6rem;width:100%;padding:.65rem .9rem;font-size:.83rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;font-family:var(--font-display);font-weight:500;background:transparent;border:none;text-align:left}.account-menu__item:hover{background:#ffffff0d;color:var(--color-text)}.account-menu__item--danger{color:#f87171}.account-menu__item--danger:hover{background:#f8717112;color:#fca5a5}.account-menu__divider{height:1px;background:var(--color-border);margin:.2rem 0}.cancel-modal-overlay{position:fixed;inset:0;background:#000000bf;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:1000;display:flex;align-items:center;justify-content:center;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.cancel-modal{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem;max-width:420px;width:100%;box-shadow:0 16px 48px #0009;animation:slideUp .2s ease;text-align:center}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.cancel-modal__icon{margin-bottom:1rem}.cancel-modal__title{font-family:var(--font-display);font-size:1.15rem;font-weight:700;color:var(--color-white);margin-bottom:.65rem;letter-spacing:-.02em}.cancel-modal__text{color:var(--color-text-muted);font-size:.875rem;line-height:1.6;margin-bottom:1.5rem}.cancel-modal__actions{display:flex;gap:.75rem;justify-content:center}.cancel-modal__confirm{background:#dc2626;color:#fff;padding:.6rem 1.25rem;border-radius:var(--radius-md);font-weight:600;font-size:.875rem;font-family:var(--font-body);cursor:pointer;transition:all .2s ease;border:none}.cancel-modal__confirm:hover{background:#ef4444;transform:translateY(-1px)}.lang-selector{position:relative}.lang-selector__trigger{display:flex;align-items:center;gap:.45rem;padding:.4rem .8rem;background:#ffffff0a;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:.83rem;font-weight:500;cursor:pointer;transition:all .2s ease;font-family:var(--font-display)}.lang-selector__trigger:hover{background:#ffffff12;border-color:#ffffff24}.lang-selector__flag{font-size:.95rem;line-height:1}.lang-selector__label{color:var(--color-text)}.lang-selector__arrow{color:var(--color-text-dim);transition:transform .2s ease}.lang-selector__arrow.open{transform:rotate(180deg)}.lang-selector__dropdown{position:absolute;top:calc(100% + 6px);right:0;min-width:148px;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000080;z-index:200;overflow:hidden;animation:dropIn .15s ease}@keyframes dropIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.lang-selector__option{display:flex;align-items:center;gap:.6rem;width:100%;padding:.6rem .9rem;font-size:.83rem;color:var(--color-text-muted);cursor:pointer;transition:all .15s ease;font-family:var(--font-display);font-weight:500;background:transparent;border:none;text-align:left}.lang-selector__option:hover{background:#ffffff0d;color:var(--color-text)}.lang-selector__option.active{color:var(--color-white);background:#7c3aed14}.lang-selector__check{margin-left:auto}.header{position:sticky;top:0;z-index:100;background:#0f0d18eb;border-bottom:1px solid var(--color-border);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.header__inner{display:flex;align-items:center;justify-content:space-between;height:56px;gap:1rem}.header__left,.header__right{flex:0 0 160px;min-width:0;display:flex;align-items:center}.header__right{justify-content:flex-end}.header__logo{display:flex;align-items:center;gap:.45rem;text-decoration:none;flex-shrink:0}.header__logo-text{font-family:var(--font-display);font-size:1.2rem;font-weight:700;letter-spacing:-.03em;color:var(--color-white)}.header__logo-icon{color:var(--color-white);font-size:.75rem;opacity:.9}.header__logo:hover .header__logo-text{color:var(--color-white)}@media(max-width:480px){.header__left,.header__right{flex:0 0 120px}.header__logo-text{font-size:1rem}.header__logo-icon{display:none}}@media(max-width:360px){.header__left,.header__right{flex:0 0 100px}}.rating-stars{display:inline-flex;flex-direction:column;align-items:center;gap:.35rem}.rating-stars__stars{display:flex;align-items:center;gap:.2rem;filter:drop-shadow(0 0 6px rgba(245,158,11,.5))}.rating-stars__info{display:flex;align-items:center;gap:.3rem;font-size:.875rem;color:var(--color-text-muted)}.rating-stars__score{font-weight:700;font-size:1rem;color:var(--color-gold-light)}.rating-stars__separator,.rating-stars__max{color:var(--color-text-dim)}.rating-stars__from{color:var(--color-text-muted)}.option-card{position:relative;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:2rem 1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.875rem;box-shadow:var(--shadow-card);transition:all .2s ease;cursor:default}.option-card:hover{border-color:#8b5cf666;box-shadow:var(--shadow-card-hover);transform:translateY(-3px);background:var(--color-bg-card-hover)}.option-card__glow{display:none}.option-card__icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(160deg,#2a2a2a,#111);border:1px solid rgba(255,255,255,.1);border-radius:14px;box-shadow:inset 0 1px #ffffff1f,inset 0 -1px #0006,0 4px 12px #00000080;transition:transform .2s ease,box-shadow .2s ease;flex-shrink:0}.option-card:hover .option-card__icon{transform:translateY(-2px);box-shadow:inset 0 1px #ffffff2e,inset 0 -1px #0006,0 8px 20px #0009}.option-card__title{font-size:1.1rem;font-weight:700;font-family:var(--font-display);letter-spacing:-.02em;color:var(--color-white)}.option-card__desc{color:var(--color-text-muted);font-size:.855rem;line-height:1.6;flex:1;max-width:260px}.option-card__btn{margin-top:.5rem;padding:.55rem 1.4rem;border-radius:var(--radius-sm);font-size:.855rem}@media(max-width:768px){.option-card{padding:1.75rem 1.25rem}}.home{padding-top:2.5rem}.home__hero{text-align:center;padding:1rem 0 3.5rem;display:flex;flex-direction:column;align-items:center;gap:1.25rem;animation:fadeDown .5s ease both}.home__title{animation:fadeDown .5s .08s ease both}.home__title-line1{display:block;font-family:var(--font-display);font-size:clamp(3rem,8vw,5.5rem);font-weight:700;letter-spacing:-.02em;color:var(--color-white)}.home__subtitle{color:var(--color-text-muted);font-size:1.05rem;max-width:480px;line-height:1.7;animation:fadeDown .5s .15s ease both}.home__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding-bottom:2rem;animation:fadeUp .5s .2s ease both}@keyframes fadeDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.home__cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.home__cards{grid-template-columns:1fr;max-width:400px;margin:0 auto}.home__hero{padding-bottom:2.5rem}}.home__reviews{padding:3rem 0;animation:fadeUp .5s .3s ease both}.home__reviews-title{text-align:center;font-family:var(--font-display);font-size:clamp(1.3rem,3vw,1.75rem);font-weight:700;letter-spacing:-.03em;color:var(--color-text);margin-bottom:2rem}.home__reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:.875rem}.home__review-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem 1.5rem;display:flex;flex-direction:column;gap:.65rem;transition:border-color .2s ease,background .2s ease}.home__review-card:hover{background:var(--color-bg-card-hover);border-color:#ffffff1f}.home__review-stars{color:var(--color-gold);font-size:.8rem;letter-spacing:.1em}.home__review-text{color:var(--color-text-muted);font-size:.855rem;line-height:1.65;flex:1}.home__review-author{display:flex;flex-direction:column;gap:.1rem;margin-top:.2rem;padding-top:.65rem;border-top:1px solid var(--color-border)}.home__review-name{color:var(--color-text);font-weight:600;font-size:.82rem;font-family:var(--font-display)}.home__review-location{color:var(--color-text-dim);font-size:.72rem}@media(max-width:900px){.home__reviews-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:580px){.home__reviews-grid{grid-template-columns:1fr}.home__reviews{padding:2rem 0}}@media(max-width:480px){.home{padding-top:1.5rem}.home__hero{padding:.5rem 0 2rem;gap:1rem}.home__subtitle{font-size:.95rem}.home__cards{gap:.875rem;max-width:100%}}.preview-result{display:flex;flex-direction:column;gap:1.25rem}.preview-result__header{display:flex;align-items:center;justify-content:space-between}.preview-result__badge{display:inline-flex;align-items:center;padding:.22rem .7rem;background:#7c3aed1f;border:1px solid rgba(124,58,237,.28);border-radius:var(--radius-sm);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-white);font-family:var(--font-display)}.preview-result__stars{color:var(--color-gold);font-size:.72rem;letter-spacing:.35em;opacity:.6}.preview-result__content{padding:.25rem 0}.preview-result__zodiac{display:flex;align-items:center;gap:1.1rem;margin-bottom:1.1rem}.preview-result__zodiac-symbol{width:52px;height:52px;border-radius:var(--radius-md);background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center;font-size:1.65rem;flex-shrink:0}.preview-result__zodiac-label{font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-dim);margin-bottom:.2rem;font-family:var(--font-display)}.preview-result__zodiac-sign{font-family:var(--font-display);font-size:1.2rem;font-weight:700;color:var(--color-white);letter-spacing:-.02em}.preview-result__teaser{color:var(--color-text-muted);font-size:.9rem;line-height:1.7;padding:.875rem 1rem;background:#ffffff08;border-left:2px solid var(--color-primary);border-radius:0 var(--radius-sm) var(--radius-sm) 0}.preview-result__tarot-card{display:flex;align-items:center;gap:1.5rem}.preview-result__card-visual{flex-shrink:0;width:82px;height:130px;background:var(--color-bg-2);border:1px solid rgba(124,58,237,.3);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.preview-result__card-visual:before{content:"";position:absolute;inset:4px;border:1px solid rgba(255,255,255,.06);border-radius:5px}.preview-result__card-inner{display:flex;flex-direction:column;align-items:center;gap:.4rem;z-index:1}.preview-result__card-symbol{font-size:2.3rem}.preview-result__card-name{font-family:var(--font-display);font-size:.58rem;color:var(--color-gold-light);letter-spacing:.08em;text-align:center;padding:0 .25rem;font-weight:600}.preview-result__card-meaning{flex:1}.preview-result__card-meaning p{color:var(--color-text-muted);font-size:.88rem;line-height:1.65;margin-top:.5rem}.preview-result__compat-score{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:1rem 0}.preview-result__score-ring{position:relative;width:130px;height:130px;display:flex;align-items:center;justify-content:center}.preview-result__score-ring svg{position:absolute;inset:0}.preview-result__score-value{position:relative;z-index:1}.preview-result__score-number{font-family:var(--font-display);font-size:1.7rem;font-weight:700;color:var(--color-white)}.preview-result__locked{position:relative;padding:1.25rem 1rem;border-radius:var(--radius-md);background:#ffffff05;border:1px dashed rgba(255,255,255,.1);overflow:hidden}.preview-result__blur-overlay{display:flex;flex-direction:column;gap:.55rem;margin-bottom:1rem;opacity:.2;filter:blur(4px);-webkit-user-select:none;user-select:none;pointer-events:none}.preview-result__blur-line{height:10px;background:var(--color-text-dim);border-radius:4px}.preview-result__blur-line.short{width:60%}.preview-result__blur-line.medium{width:80%}.preview-result__lock-badge{display:flex;align-items:center;justify-content:center;gap:.5rem;color:var(--color-text-muted);font-size:.855rem;font-weight:600;margin-bottom:.4rem;font-family:var(--font-display)}.preview-result__lock-desc{color:var(--color-text-dim);font-size:.78rem;text-align:center;line-height:1.6}.preview-result__cta{font-size:.975rem}@media(max-width:480px){.preview-result__tarot-card{flex-direction:column;align-items:flex-start}}.paywall{display:flex;flex-direction:column;gap:1.25rem}.paywall__header{text-align:center;display:flex;flex-direction:column;align-items:center;gap:.65rem}.paywall__icon{width:52px;height:52px;border-radius:var(--radius-md);background:#7c3aed1f;border:1px solid rgba(124,58,237,.25);display:flex;align-items:center;justify-content:center}.paywall__title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;letter-spacing:-.03em;color:var(--color-white)}.paywall__subtitle{color:var(--color-text-muted);font-size:.855rem;max-width:300px;line-height:1.6}.paywall__features{list-style:none;display:flex;flex-direction:column;gap:.55rem;padding:.25rem 0}.paywall__feature{display:flex;align-items:center;gap:.7rem;font-size:.855rem;color:var(--color-text-muted)}.paywall__feature svg{flex-shrink:0}.paywall__cta-scroll{font-size:.975rem}.paywall__price-line{font-size:.8rem;color:var(--color-text-muted);margin-top:-.15rem}.paywall__price-now{color:var(--color-gold-light);font-weight:700}.paywall__price-later{color:var(--color-text-dim)}.paywall__agree{display:flex;align-items:flex-start;gap:.65rem;cursor:pointer}.paywall__agree-checkbox{appearance:none;-webkit-appearance:none;width:16px;height:16px;min-width:16px;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:#ffffff0a;cursor:pointer;margin-top:2px;transition:all .2s ease;position:relative}.paywall__agree-checkbox:checked{background:var(--color-primary);border-color:var(--color-primary)}.paywall__agree-checkbox:checked:after{content:"";position:absolute;left:3px;top:1px;width:6px;height:9px;border:1.5px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.paywall__agree-checkbox:focus{outline:none;box-shadow:0 0 0 3px #7c3aed33}.paywall__agree-text{font-size:.77rem;color:var(--color-text-dim);line-height:1.5}.paywall__agree-link{color:var(--color-white);text-decoration:underline;text-underline-offset:2px;transition:color .15s}.paywall__agree-link:hover{color:var(--color-white)}.paywall__sub-notice{display:flex;align-items:flex-start;gap:.5rem;font-size:.73rem;color:var(--color-text-dim);line-height:1.55;padding:.65rem .85rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-top:-.2rem}.paywall__sub-notice svg{flex-shrink:0;margin-top:1px;color:var(--color-text-dim)}.paywall__divider{height:1px;background:var(--color-border)}.paywall__form{display:flex;flex-direction:column;gap:1.1rem}.paywall__error{background:#f8717112;border:1px solid rgba(248,113,113,.2);border-radius:var(--radius-sm);padding:.65rem .9rem;color:#fca5a5;font-size:.855rem}.paywall__secure{display:flex;align-items:center;justify-content:center;gap:.4rem;font-size:.73rem;color:var(--color-text-dim);margin-top:-.2rem}.spinner-dark{display:inline-block;width:15px;height:15px;border:2px solid rgba(0,0,0,.2);border-top-color:#1a0a00;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}@media(max-width:480px){.paywall{gap:1rem}.paywall__title{font-size:1.15rem}.paywall__icon{width:44px;height:44px}}.full-result{display:flex;flex-direction:column;gap:1.25rem}.full-result__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.22rem .7rem;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:var(--radius-sm);font-size:.68rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:#34d399;width:fit-content;font-family:var(--font-display)}.full-result__content{animation:fadeIn .4s ease}.full-result__sections{display:flex;flex-direction:column;gap:1rem}.full-result__section{padding:1.1rem 1.25rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-md);position:relative;overflow:hidden}.full-result__section:before{content:"";position:absolute;top:0;left:0;width:2px;height:100%;background:var(--color-primary);border-radius:2px 0 0 2px}.full-result__section-title{font-family:var(--font-display);font-size:.72rem;font-weight:700;color:var(--color-white);padding-left:.2rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:.65rem}.full-result__text{color:var(--color-text-muted);font-size:.88rem;line-height:1.75}.full-result__compat-areas{display:flex;flex-direction:column;gap:.875rem;padding:1.1rem 1.25rem;background:#ffffff05;border:1px solid var(--color-border);border-radius:var(--radius-md)}.full-result__compat-area{display:flex;flex-direction:column;gap:.35rem}.full-result__compat-area-header{display:flex;align-items:center;gap:.5rem}.full-result__compat-icon{color:var(--color-gold);font-size:.88rem;width:20px}.full-result__compat-label{font-size:.83rem;font-weight:500;color:var(--color-text);flex:1}.full-result__compat-score{font-size:.83rem;font-weight:700;color:var(--color-white);font-family:var(--font-display)}.full-result__compat-bar{height:4px;background:#ffffff0f;border-radius:2px;overflow:hidden}.full-result__compat-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:2px;transition:width 1s ease}.full-result__back{align-self:flex-start;display:flex;align-items:center;gap:.5rem;font-size:.855rem}.tool-form{display:flex;flex-direction:column;gap:1.25rem}.spinner{display:inline-block;width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.tool-page{padding:2.5rem 0 4rem;flex:1}.tool-page__back{display:inline-flex;align-items:center;gap:.4rem;color:var(--color-text-dim);font-size:.82rem;font-weight:500;margin-bottom:2rem;transition:color .2s ease;cursor:pointer;background:none;border:none;font-family:var(--font-display);padding:0}.tool-page__back:hover{color:var(--color-text-muted)}.tool-page__layout{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;align-items:start}.tool-page__panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-card);position:relative}.tool-page__panel-title{font-family:var(--font-display);font-size:.9rem;font-weight:600;color:var(--color-white);letter-spacing:-.01em;margin-bottom:1.25rem}.tool-page__result-panel{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.75rem;box-shadow:var(--shadow-card);animation:fadeIn .35s ease;position:relative}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.tool-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:3rem 1rem;text-align:center}.tool-page__empty-icon{font-size:2.5rem;opacity:.15;filter:grayscale(1)}.tool-page__empty-text{color:var(--color-text-dim);font-size:.835rem;max-width:220px;line-height:1.6}@media(max-width:860px){.tool-page__layout{grid-template-columns:1fr}}@media(max-width:768px){.tool-page{padding:1.5rem 0 3rem}}@media(max-width:480px){.tool-page{padding:1rem 0 2.5rem}.tool-page__panel,.tool-page__result-panel{padding:1.25rem;border-radius:var(--radius-md)}.tool-page__back{margin-bottom:1.25rem}}.compat-form__sections{display:grid;grid-template-columns:1fr auto 1fr;gap:1.5rem;align-items:start;margin-bottom:1.5rem}.compat-form__section{display:flex;flex-direction:column;gap:1rem}.compat-form__section-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.compat-form__section-header h3{font-family:var(--font-display);font-size:.875rem;font-weight:700;color:var(--color-white);letter-spacing:-.01em}.compat-form__section-icon{font-size:1.1rem}.compat-form__divider{display:flex;align-items:center;justify-content:center;padding-top:2.5rem}.compat-form__heart{color:#f43f5e;font-size:1.75rem;line-height:1;animation:heartbeat 2s ease-in-out infinite}@keyframes heartbeat{0%,to{transform:scale(1)}15%{transform:scale(1.2)}30%{transform:scale(1)}45%{transform:scale(1.1)}60%{transform:scale(1)}}@media(max-width:640px){.compat-form__sections{grid-template-columns:1fr;grid-template-rows:auto auto auto}.compat-form__divider{padding-top:0}}.account-page__back-btn{margin-bottom:1.25rem}.account-page__layout{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;align-items:start}.account-page__guest{display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center;padding:4rem 1rem;max-width:420px;margin:0 auto}.account-page__guest-icon{width:68px;height:68px;border-radius:var(--radius-lg);background:#7c3aed1a;border:1px solid rgba(124,58,237,.2);display:flex;align-items:center;justify-content:center}.account-page__guest-title{font-family:var(--font-display);font-size:1.3rem;font-weight:700;color:var(--color-white);letter-spacing:-.03em}.account-page__guest-text{color:var(--color-text-muted);font-size:.875rem;line-height:1.65}.account-page__profile-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.65rem;box-shadow:var(--shadow-card)}.account-page__profile-card:before{display:none}.account-page__avatar{width:60px;height:60px;border-radius:var(--radius-md);background:var(--color-primary);color:#fff;font-size:1.4rem;font-weight:700;display:flex;align-items:center;justify-content:center;margin-bottom:.2rem}.account-page__email{font-size:.8rem;color:var(--color-text-muted);word-break:break-all}.account-page__divider{width:100%;height:1px;background:var(--color-border);margin:.2rem 0}.account-page__info-row{display:flex;align-items:center;justify-content:space-between;width:100%;gap:.75rem}.account-page__info-label{font-size:.77rem;color:var(--color-text-dim)}.account-page__section-title{font-family:var(--font-display);font-size:1.05rem;font-weight:700;color:var(--color-white);margin-bottom:1rem;letter-spacing:-.03em}.account-page__loading{display:flex;justify-content:center;padding:3rem}.account-page__spinner{width:28px;height:28px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.account-page__empty{display:flex;flex-direction:column;align-items:center;gap:.875rem;padding:2.5rem 1rem;text-align:center;background:#ffffff05;border:1px dashed rgba(255,255,255,.08);border-radius:var(--radius-lg);color:var(--color-text-muted);font-size:.855rem}.account-page__empty-icon{font-size:1.75rem;opacity:.2}.account-page__readings{display:flex;flex-direction:column;gap:.55rem}.account-page__reading-card{display:flex;align-items:center;gap:.875rem;padding:.875rem 1.1rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:all .2s ease}.account-page__reading-card:hover{border-color:#ffffff1f;background:var(--color-bg-card-hover)}.account-page__reading-icon{font-size:1.25rem;width:38px;height:38px;border-radius:var(--radius-sm);background:#ffffff0a;border:1px solid var(--color-border);display:flex;align-items:center;justify-content:center;flex-shrink:0}.account-page__reading-info{flex:1;min-width:0}.account-page__reading-title{font-weight:600;font-size:.855rem;color:var(--color-text);margin-bottom:.15rem;font-family:var(--font-display)}.account-page__reading-date{font-size:.73rem;color:var(--color-text-dim)}.account-page__reading-btn{display:flex;align-items:center;gap:.35rem;flex-shrink:0;font-size:.77rem}@media(max-width:768px){.account-page__layout{grid-template-columns:1fr}.account-page__profile-card{padding:1.25rem}}@media(max-width:480px){.account-page__reading-btn span{display:none}}.success-page{max-width:680px;margin:4rem auto;display:flex;flex-direction:column;align-items:center;gap:1.25rem;text-align:center}.success-page__icon{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#8b5cf633,#f59e0b26);border:1px solid rgba(139,92,246,.35);display:flex;align-items:center;justify-content:center;box-shadow:0 0 40px #8b5cf640;animation:icon-appear .5s ease-out}.success-page__icon--cancel{background:linear-gradient(135deg,#8b5cf61a,#f871711a);border-color:#f8717140;box-shadow:0 0 40px #f8717126}@keyframes icon-appear{0%{transform:scale(.7);opacity:0}to{transform:scale(1);opacity:1}}.success-page__title{font-family:var(--font-display);font-size:1.75rem;background:linear-gradient(135deg,#fff 0%,var(--color-gold-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.04em}.success-page__subtitle{color:var(--color-text-muted);font-size:.95rem;line-height:1.6;max-width:360px}.success-page__notice{display:flex;align-items:flex-start;gap:.5rem;font-size:.78rem;color:var(--color-text-dim);line-height:1.5;padding:.75rem 1rem;background:#8b5cf60d;border:1px solid rgba(139,92,246,.12);border-radius:var(--radius-sm);text-align:left;width:100%}.success-page__notice svg{flex-shrink:0;margin-top:1px;color:var(--color-purple-light)}.success-page__actions{display:flex;flex-direction:column;gap:.75rem;width:100%;margin-top:.5rem}.success-page__result{width:100%;max-width:680px;text-align:left;margin-top:.5rem}@media(max-width:480px){.success-page{margin:2rem auto;gap:1rem}.success-page__title{font-size:1.4rem}.success-page__icon{width:64px;height:64px}}.legal-page{max-width:720px;margin:0 auto;padding:2.5rem 0 5rem}.legal-page__title{font-family:var(--font-display);font-size:clamp(1.5rem,4vw,2rem);background:linear-gradient(135deg,#fff 0%,var(--color-purple-light) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:.06em;margin-bottom:.5rem}.legal-page__updated{font-size:.8rem;color:var(--color-text-dim);margin-bottom:2.5rem}.legal-page__body{display:flex;flex-direction:column;gap:2rem}.legal-page__section h2{font-family:var(--font-display);font-size:1rem;color:var(--color-purple-light);letter-spacing:.06em;margin-bottom:.75rem}.legal-page__section p,.legal-page__section li{font-size:.9rem;color:var(--color-text-muted);line-height:1.75}.legal-page__section ul{padding-left:1.25rem;display:flex;flex-direction:column;gap:.4rem}.legal-page__back{display:inline-flex;align-items:center;gap:.4rem;font-size:.85rem;color:var(--color-text-dim);margin-bottom:2rem;cursor:pointer;background:none;border:none;font-family:inherit;padding:0;transition:color .2s}.legal-page__back:hover{color:var(--color-purple-light)}@media(max-width:480px){.legal-page{padding:1.5rem 0 3rem}}