.pricing-page{min-height:100vh;padding:40px 20px;background:var(--an-surface-app)}.pricing-container{max-width:1200px;margin:0 auto}.pricing-header{text-align:center;margin-bottom:60px}.pricing-header h1{font-size:40px;color:var(--an-accent);margin-bottom:15px}.pricing-header p{font-size:var(--an-text-section);color:var(--an-text-muted)}.pricing-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:30px;gap:30px;margin-bottom:50px}.pricing-card{background:var(--an-surface-card);border-radius:20px;padding:40px 30px;box-shadow:0 10px 30px rgba(0,0,0,.1);position:relative;transition:transform .3s,box-shadow .3s;border:2px solid rgba(0,0,0,0)}.pricing-card:hover{transform:translateY(-5px);box-shadow:0 15px 40px rgba(var(--an-accent-channels),.15)}.pricing-card.highlighted{border-color:var(--an-accent);transform:scale(1.05)}.pricing-card.highlighted:hover{transform:scale(1.05) translateY(-5px)}.pricing-card .badge{position:absolute;top:-15px;left:50%;transform:translateX(-50%);background:var(--an-accent);color:var(--an-text-on-accent);padding:8px 20px;border-radius:20px;font-size:var(--an-text-sm);font-weight:600}.pricing-card h2{font-size:29px;color:var(--an-accent);margin-bottom:20px;text-align:center}.price{text-align:center;margin-bottom:10px}.price .amount{font-size:48px;font-weight:700;color:var(--an-accent)}.price .period{font-size:var(--an-text-section);color:var(--an-text-muted);margin-left:5px}.price-details{text-align:center;color:var(--an-text-muted);font-size:var(--an-text-sm);margin-bottom:20px}.universes-count{text-align:center;background:var(--an-accent-soft);padding:12px;border-radius:10px;margin-bottom:30px;font-weight:600;color:var(--an-accent)}.features{list-style:none;padding:0;margin:0 0 30px}.features li{display:flex;align-items:center;gap:12px;margin-bottom:15px;color:var(--an-text);font-size:var(--an-text-base)}.features li svg{flex-shrink:0;color:var(--an-accent)}.subscribe-btn{width:100%;padding:15px;border:none;border-radius:10px;font-size:var(--an-text-section);font-weight:600;cursor:pointer;transition:all .3s;background:var(--an-surface-sunken);color:var(--an-text);display:flex;align-items:center;justify-content:center;gap:10px}.subscribe-btn.primary{background:var(--an-accent);color:var(--an-text-on-accent)}.subscribe-btn.primary:hover{background:var(--an-accent-hover)}.subscribe-btn:hover{background:color-mix(in srgb,var(--an-surface-sunken),black 5%)}.subscribe-btn:disabled{opacity:.6;cursor:not-allowed}.pricing-footer{text-align:center;margin-top:50px}.pricing-footer p{color:var(--an-text-muted);margin-bottom:10px}.guarantee{color:var(--an-accent)!important;font-weight:600}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh}.pricing-page .spinner{width:50px;height:50px;border-top:4px solid var(--an-tertiary);border:4px solid var(--an-tertiary);border-top-color:var(--an-accent);border-radius:50%;animation:spin 1s linear infinite}.button-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media screen and (min-width:768px)and (max-width:1024px){.pricing-page{padding:30px 15px}.pricing-header h1{font-size:35px}.pricing-header p{font-size:var(--an-text-section)}.pricing-cards{gap:25px}.pricing-card{padding:35px 25px}.price .amount{font-size:40px}}@media screen and (max-width:767px){.pricing-page{padding:20px 10px}.pricing-header{margin-bottom:40px}.pricing-header h1{font-size:var(--an-text-h1)}.pricing-header p{font-size:var(--an-text-md)}.pricing-cards{grid-template-columns:1fr;gap:20px}.pricing-card{padding:30px 20px;border-radius:15px}.pricing-card.highlighted{transform:scale(1);border-width:3px}.pricing-card.highlighted:hover{transform:translateY(-3px)}.pricing-card .badge{font-size:var(--an-text-meta);padding:6px 16px}.pricing-card h2{font-size:var(--an-text-title)}.price .amount{font-size:35px}.price .period{font-size:var(--an-text-md)}.features li{font-size:var(--an-text-sm);margin-bottom:12px}.subscribe-btn{padding:12px;font-size:var(--an-text-md)}}@media screen and (max-width:375px){.pricing-header h1{font-size:29px}.pricing-card{padding:25px 15px}.pricing-card h2{font-size:21px}.price .amount{font-size:var(--an-text-h1)}.features li,.price .period{font-size:var(--an-text-sm)}.features li{gap:10px}.subscribe-btn{font-size:var(--an-text-base)}}