body{max-width:800px;margin:0 auto;padding:20px;line-height:1.6;color:var(--color-text)}body.premium-index{max-width:1000px}h1,h2,h3{color:var(--color-brand)}.container{background:var(--color-surface-0);border-radius:8px;box-shadow:0 2px 10px #0000001a;padding:30px;margin-bottom:30px}.header{margin-bottom:30px;border-bottom:1px solid var(--color-border);padding-bottom:10px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap}.header-content{flex:1;min-width:200px}.header-actions{display:flex;align-items:center;margin-left:20px}.text-center{text-align:center}.hidden{display:none}.mt-10{margin-top:10px}.mt-15{margin-top:15px}.btn{display:inline-block;background:var(--color-brand);color:var(--color-surface-0);padding:12px 24px;border-radius:4px;text-decoration:none;border:none;cursor:pointer;font-size:16px;line-height:1.2;box-sizing:border-box;text-align:center;transition:background-color .3s}.btn:hover,a.btn:hover{background-color:color-mix(in oklch,var(--color-brand),black 20%);color:var(--color-surface-0)}.btn-secondary{background-color:var(--color-danger)}.btn-secondary:hover{background-color:color-mix(in oklch,var(--color-danger),black 15%)}.btn-danger{background-color:var(--color-danger)}.btn-danger:hover{background-color:color-mix(in oklch,var(--color-danger),black 15%)}.btn-cancel{background-color:var(--color-text-subtle)}.btn-cancel:hover{background-color:color-mix(in oklch,var(--color-text-subtle),black 15%)}.btn-small{padding:5px 10px;font-size:14px}.btn-cta{background-color:var(--color-danger);font-size:18px;padding:15px 30px;font-weight:700}.btn-cta:hover{background-color:color-mix(in oklch,var(--color-danger),black 15%)}.btn-group{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap}.form-inline{display:inline}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:700}.form-control{width:100%;padding:10px;border:1px solid var(--color-border-strong);border-radius:4px;font-size:16px;box-sizing:border-box;font-family:inherit}.checkbox-label{display:flex;align-items:flex-start;cursor:pointer;font-weight:400}.checkbox-label input[type=checkbox],.checkbox-label input[type=radio]{margin-right:8px;margin-top:4px;flex-shrink:0}.message,.flash-message{padding:12px 20px;margin-bottom:20px;border:1px solid transparent;border-radius:4px}.message-success,.flash-success{background-color:var(--color-success-bg);border-color:var(--color-success);color:color-mix(in oklch,var(--color-success),black 30%)}.message-error,.flash-error{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:color-mix(in oklch,var(--color-danger),black 30%)}.message-warning{background-color:var(--color-warning-bg);border-color:var(--color-warning);color:color-mix(in oklch,var(--color-warning),black 35%)}.info-highlight,.info-box{background-color:var(--color-info-bg);border:1px solid var(--color-info);border-radius:4px;padding:10px 15px;margin-bottom:20px;color:color-mix(in oklch,var(--color-info),black 35%)}.info-box{padding:15px;margin:15px 0}.info-box-danger{background-color:var(--color-danger-bg);border-color:var(--color-danger);color:color-mix(in oklch,var(--color-danger),black 30%)}.text-success{color:var(--color-success)}.text-error{color:var(--color-danger)}.error-text{color:var(--color-danger);font-size:.9em;margin-top:5px}.summary-box{background:var(--color-surface-1);border-radius:8px;padding:20px;margin:20px 0}.price{font-size:1.8rem;font-weight:700;color:var(--color-brand)}.price-period{font-size:1.2rem;color:var(--color-text-subtle)}.price-secondary{font-size:.95rem;color:var(--color-text-subtle);margin-top:6px}.activation-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,monospace;background:var(--color-surface-2);padding:15px;font-size:24px;letter-spacing:2px;text-align:center;border-radius:4px;margin:20px 0}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:#0006}.modal-content{background-color:var(--color-surface-0);margin:10% auto;padding:20px;border:1px solid var(--color-border-strong);border-radius:8px;width:80%;max-width:700px;max-height:70vh;overflow-y:auto}.close-modal{color:var(--color-text-subtle);float:right;font-size:28px;font-weight:700;cursor:pointer}.close-modal:hover{color:var(--color-text)}.terms-link{color:var(--color-brand);text-decoration:underline;cursor:pointer}.pricing-grid{display:flex;justify-content:space-between;margin:30px 0}.price-box{flex:1;margin:0 10px;background:var(--color-surface-1);border-radius:8px;padding:15px;text-align:center;position:relative;transition:transform .3s,box-shadow .3s}.price-box:first-child{margin-left:0}.price-box:last-child{margin-right:0}.price-box:hover{transform:translateY(-5px);box-shadow:0 10px 20px #0000001a}.price-box:active{transform:translateY(-2px);transition:transform .1s}.price-box button{position:relative;z-index:2}.price-box:after{content:"";position:absolute;inset:0;border-radius:8px;background:#0000;transition:background .3s;pointer-events:none}.price-box:active:after{background:#0000000d}.price-box-featured{border:2px solid var(--color-danger);background:var(--color-surface-0);box-shadow:0 5px 15px color-mix(in oklch,var(--color-danger) 15%,transparent)}.badge{position:absolute;top:-10px;right:-10px;background:var(--color-danger);color:var(--color-surface-0);padding:5px 10px;border-radius:20px;font-size:12px;font-weight:700}.plan-features,.free-plan-features{list-style-type:none;padding:0;margin:20px 0;text-align:left}.plan-features li,.free-plan-features li{position:relative;padding:5px 0 5px 25px}.plan-features li:before{content:"✅";position:absolute;left:0}.free-plan-features li:before{content:"•";position:absolute;left:10px}.plan-selector{display:flex;flex-wrap:wrap;gap:20px;margin-bottom:20px}.plan-option{flex:1;min-width:200px;border:1px solid var(--color-border-strong);border-radius:8px;padding:15px;cursor:pointer}.faq-item{margin-bottom:20px}.faq-item h3{margin-bottom:10px}.table{width:100%;border-collapse:collapse;margin:20px 0}.table th,.table td{padding:10px;text-align:left;border-bottom:1px solid var(--color-border-strong)}.table th{background-color:var(--color-surface-1);font-weight:700}.actions-group{display:flex;flex-direction:column;align-items:center;gap:10px}@media(max-width:768px){.pricing-grid{flex-direction:column}.header-actions{margin-left:0;margin-top:15px;width:100%}.header-actions .btn{width:100%}}@media(max-width:992px){.price-box{margin:0 0 20px}}@media(max-width:600px){.table,.table thead,.table tbody,.table th,.table td,.table tr{display:block}.table thead tr{position:absolute;top:-9999px;left:-9999px}.table tr{border:1px solid var(--color-border-strong);margin-bottom:15px;border-radius:4px;overflow:hidden}.table td{border:none;border-bottom:1px solid var(--color-border);position:relative;padding-left:50%;text-align:right}.table td:before{position:absolute;top:10px;left:10px;width:45%;padding-right:10px;white-space:nowrap;text-align:left;font-weight:700;content:attr(data-label)}}