.pricing-page{color:#fff;background:linear-gradient(135deg,#0f0f1a 0%,#1a1a2e 50%,#16213e 100%);min-height:100vh}.pricing-header{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:100;background:#1a1a2ef2;border-bottom:1px solid #ffffff1a;position:sticky;top:0}.pricing-header .header-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex}.pricing-header .logo{align-items:center;font-size:1.5rem;font-weight:700;text-decoration:none;display:flex}.logo-crate,.logo-tests,.logo-ai{margin:0;padding:0;line-height:1;display:inline-block}.logo-crate{color:#fff}.logo-tests{color:#4a90e2}.logo-ai{background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-nav{align-items:center;gap:2rem;display:flex}.header-nav a{color:#fffc;font-weight:500;text-decoration:none;transition:color .3s}.header-nav a:hover,.header-nav a.active{color:#fff}.header-nav .header-cta{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:25px;padding:.6rem 1.5rem}.header-nav .header-cta:hover{transform:translateY(-2px);box-shadow:0 5px 20px #667eea66}.pricing-hero{text-align:center;max-width:800px;margin:0 auto;padding:4rem 2rem 3rem}.pricing-hero h1{background:linear-gradient(135deg,#fff 0%,#a8b2d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:1rem;font-size:3rem;font-weight:800}.pricing-hero p{color:#ffffffb3;margin-bottom:1.5rem;font-size:1.2rem}.credit-info{justify-content:center;display:flex}.credit-badge{color:#a8b2d1;background:#667eea33;border:1px solid #667eea66;border-radius:50px;padding:.75rem 1.5rem;font-size:1rem}.pricing-cards{max-width:1400px;margin:0 auto;padding:2rem}.cards-container{grid-template-columns:repeat(4,1fr);gap:1.5rem;display:grid}@media (max-width:1200px){.cards-container{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.cards-container{grid-template-columns:1fr}}.pricing-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;flex-direction:column;padding:2rem;transition:all .3s;display:flex;position:relative}.pricing-card:hover{border-color:#667eea80;transform:translateY(-5px);box-shadow:0 20px 40px #0000004d}.pricing-card.popular{background:linear-gradient(135deg,#667eea26 0%,#764ba226 100%);border-color:#667eea80;transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05)translateY(-5px)}.pricing-card.free-tier{background:#ffffff08}.popular-badge{white-space:nowrap;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border-radius:20px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.student-badge{white-space:nowrap;background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%);border-radius:20px;padding:.4rem 1.2rem;font-size:.8rem;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.card-header{text-align:center;border-bottom:1px solid #ffffff1a;margin-bottom:1.5rem;padding-bottom:1.5rem}.card-header h3{margin-bottom:1rem;font-size:1.5rem;font-weight:700}.price{justify-content:center;align-items:baseline;gap:.25rem;margin-bottom:.5rem;display:flex}.price .amount{background:linear-gradient(135deg,#fff 0%,#a8b2d1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800}.price .period{color:#fff9;font-size:1rem}.credits{flex-direction:column;align-items:center;gap:.25rem;display:flex}.credit-count{color:#4a90e2;font-size:1.1rem;font-weight:600}.cost-per-credit{color:#ffffff80;font-size:.85rem}.features{flex:1;margin:0 0 1.5rem;padding:0;list-style:none}.features li{color:#fffc;align-items:center;gap:.75rem;padding:.6rem 0;font-size:.95rem;display:flex}.check-icon{color:#38ef7d;flex-shrink:0;width:18px;height:18px}.cta-button{cursor:pointer;color:#fff;background:#ffffff1a;border:1px solid #fff3;border-radius:12px;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.cta-button:hover{background:#ffffff26;transform:translateY(-2px)}.cta-button.primary{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.cta-button.primary:hover{box-shadow:0 10px 30px #667eea66}.cta-button.free{background:0 0;border:2px solid #ffffff4d}.cta-button.free:hover{background:#ffffff0d;border-color:#ffffff80}.cta-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.payg-section{background:#0003;padding:4rem 2rem}.payg-container{grid-template-columns:1fr 1fr;align-items:center;gap:3rem;max-width:1000px;margin:0 auto;display:grid}@media (max-width:768px){.payg-container{text-align:center;grid-template-columns:1fr}}.payg-content h2{margin-bottom:1rem;font-size:2rem;font-weight:700}.payg-content p{color:#ffffffb3;font-size:1.1rem}.payg-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:20px;padding:2rem}.payg-header{text-align:center;margin-bottom:1.5rem}.payg-header h3{margin-bottom:.5rem;font-size:1.3rem}.payg-price{flex-direction:column;align-items:center;display:flex}.payg-price .amount{color:#4a90e2;font-size:2.5rem;font-weight:800}.payg-price .credits-info{color:#fff9}.quantity-selector{background:#0003;border-radius:12px;justify-content:center;align-items:center;gap:1rem;margin-bottom:1.5rem;padding:1rem;display:flex}.quantity-selector label{color:#ffffffb3}.quantity-controls{align-items:center;gap:1rem;display:flex}.quantity-controls button{color:#fff;cursor:pointer;background:#ffffff1a;border:1px solid #fff3;border-radius:8px;width:36px;height:36px;font-size:1.2rem;transition:all .3s}.quantity-controls button:hover:not(:disabled){background:#fff3}.quantity-controls button:disabled{opacity:.5;cursor:not-allowed}.quantity-controls span{text-align:center;min-width:30px;font-size:1.2rem;font-weight:600}.payg-features{margin:0 0 1.5rem;padding:0;list-style:none}.payg-features li{color:#fffc;align-items:center;gap:.75rem;padding:.5rem 0;font-size:.95rem;display:flex}.cta-button.payg{background:linear-gradient(135deg,#11998e 0%,#38ef7d 100%)}.cta-button.payg:hover{box-shadow:0 10px 30px #38ef7d4d}.comparison-section{max-width:1200px;margin:0 auto;padding:4rem 2rem}.comparison-section h2{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.comparison-table-wrapper{overflow-x:auto}.comparison-table{border-collapse:collapse;background:#ffffff08;border-radius:16px;width:100%;overflow:hidden}.comparison-table th,.comparison-table td{text-align:center;border-bottom:1px solid #ffffff1a;padding:1rem 1.5rem}.comparison-table th{color:#ffffffe6;background:#ffffff0d;font-weight:600}.comparison-table th:first-child,.comparison-table td:first-child{text-align:left}.comparison-table th.highlight,.comparison-table td.highlight{color:#fff;background:#667eea1a}.comparison-table tbody tr:hover{background:#ffffff05}.faq-section{max-width:800px;margin:0 auto;padding:4rem 2rem}.faq-section h2{text-align:center;margin-bottom:2rem;font-size:2rem;font-weight:700}.faq-container{flex-direction:column;gap:1rem;display:flex}.faq-item{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;transition:all .3s;overflow:hidden}.faq-item:hover{border-color:#667eea80}.faq-question{justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.faq-question h4{margin:0;font-size:1rem;font-weight:600}.faq-icon{color:#ffffff80;width:20px;height:20px;transition:transform .3s}.faq-item.expanded .faq-icon{transform:rotate(180deg)}.faq-answer{max-height:0;transition:max-height .3s,padding .3s;overflow:hidden}.faq-item.expanded .faq-answer{max-height:200px;padding:0 1.5rem 1.25rem}.faq-answer p{color:#ffffffb3;margin:0;line-height:1.6}.pricing-cta{text-align:center;background:linear-gradient(135deg,#667eea33 0%,#764ba233 100%);padding:5rem 2rem}.pricing-cta h2{margin-bottom:1rem;font-size:2.5rem;font-weight:700}.pricing-cta p{color:#ffffffb3;margin-bottom:2rem;font-size:1.2rem}.cta-button.large{width:auto;padding:1.25rem 3rem;font-size:1.1rem;display:inline-block}.pricing-footer{border-top:1px solid #ffffff1a;padding:2rem}.pricing-footer .footer-content{justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;display:flex}@media (max-width:768px){.pricing-footer .footer-content{text-align:center;flex-direction:column;gap:1rem}}.footer-brand{align-items:center;font-size:1.3rem;font-weight:700;display:flex}.footer-brand .logo-crate,.footer-brand .logo-tests,.footer-brand .logo-ai{margin:0;padding:0;line-height:1;display:inline-block}.pricing-footer p{color:#ffffff80;margin:0}.modal-overlay{z-index:1000;background:#000c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#1a1a2e;border:1px solid #ffffff1a;border-radius:20px;width:100%;max-width:450px;padding:2rem}.modal h3{margin-bottom:.5rem;font-size:1.5rem}.modal p{color:#ffffffb3;margin-bottom:1.5rem}.modal input{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:12px;width:100%;margin-bottom:.5rem;padding:1rem;font-size:1rem}.modal input:focus{border-color:#667eea;outline:none}.modal input.error{border-color:#ff6b6b}.error-message{color:#ff6b6b;margin-bottom:1rem;font-size:.85rem;display:block}.modal-buttons{gap:1rem;margin-top:1.5rem;display:flex}.modal-buttons button{cursor:pointer;border-radius:12px;flex:1;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s}.cancel-btn{color:#fff;background:0 0;border:1px solid #fff3}.cancel-btn:hover{background:#ffffff1a}.confirm-btn{color:#fff;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);border:none}.confirm-btn:hover{box-shadow:0 10px 30px #667eea66}@media (max-width:768px){.pricing-hero h1{font-size:2rem}.pricing-hero p{font-size:1rem}.pricing-card.popular{transform:none}.pricing-card.popular:hover{transform:translateY(-5px)}.comparison-table th,.comparison-table td{padding:.75rem 1rem;font-size:.9rem}.pricing-cta h2{font-size:1.75rem}}
