:root{--color-primary: #774D6E;--color-primary-light: #9A6B90;--color-secondary: #E8DDE5;--color-accent: #E8DDE5;--color-background: #F9F7F2;--color-surface: #FFFFFF;--color-text: #333333;--color-text-light: #666666;--color-border: #E0E0E0;--font-heading: "Playfair Display", serif;--font-body: "Lato", sans-serif;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem}body{margin:0;font-family:var(--font-body);background-color:var(--color-background);color:var(--color-text);line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);color:var(--color-primary);margin-top:0}*{box-sizing:border-box}.access-gate{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#e8dde5;padding:2rem}.access-gate-container{max-width:500px;width:100%}.access-gate-content{background:#fff;border-radius:16px;padding:3rem 2rem;box-shadow:0 20px 60px #0000004d;text-align:center}.logo-section{margin-bottom:2rem}.logo-section h1{color:#896b93;font-size:1.5rem;margin:0;font-weight:700}.access-gate h2{color:#2d3748;font-size:1.75rem;margin-bottom:.5rem;font-weight:700}.subtitle{color:#718096;font-size:1rem;margin-bottom:2rem}.access-form{margin-bottom:1.5rem}.form-group{margin-bottom:1.5rem;text-align:left}.form-group label{display:block;color:#4a5568;font-weight:600;margin-bottom:.5rem;font-size:.9rem}.form-group input{width:100%;padding:.875rem 1rem;border:2px solid #e2e8f0;border-radius:8px;font-size:1rem;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#896b93;box-shadow:0 0 0 3px #896b931a}.form-group input.error{border-color:#f56565}.form-group input:disabled{background-color:#f7fafc;cursor:not-allowed}.error-message{color:#f56565;font-size:.875rem;margin-top:.5rem;text-align:left}.submit-button{width:100%;padding:1rem;background:linear-gradient(135deg,#896b93,#916586);color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #896b934d}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.info-box{background:#f5f0f3;border-left:4px solid #896b93;padding:1rem;border-radius:8px;margin-bottom:1.5rem}.info-text{color:#6b4c75;font-size:.9rem;margin:0}.help-section{padding:1.5rem;background:#f7fafc;border-radius:8px;margin-bottom:1.5rem}.help-section h3{color:#2d3748;font-size:1rem;margin-bottom:.5rem;font-weight:600}.help-section p{color:#718096;font-size:.9rem;margin-bottom:1rem}.purchase-link{display:inline-block;color:#896b93;font-weight:600;text-decoration:none;transition:all .3s ease}.purchase-link:hover{color:#916586;transform:translate(4px)}.support-section{padding-top:1.5rem;border-top:1px solid #e2e8f0}.support-text{color:#718096;font-size:.875rem;margin:0;line-height:1.6}.support-text a{color:#896b93;text-decoration:none;font-weight:600}.support-text a:hover{text-decoration:underline}@media(max-width:640px){.access-gate{padding:1rem}.access-gate-content{padding:2rem 1.5rem}.logo-section h1{font-size:1.25rem}.access-gate h2{font-size:1.5rem}}.thank-you-page{min-height:100vh;background:linear-gradient(135deg,#667eea,#764ba2);padding:2rem 1rem;display:flex;align-items:center;justify-content:center}.thank-you-container{max-width:700px;width:100%;background:#fff;border-radius:20px;padding:3rem 2rem;box-shadow:0 20px 60px #0000004d;text-align:center;animation:slideUp .6s ease-out}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.success-icon{margin:0 auto 2rem;animation:scaleIn .5s ease-out .2s both}@keyframes scaleIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.thank-you-page h1{font-size:2.5rem;color:#1a202c;margin-bottom:1rem;font-weight:700}.subtitle{font-size:1.25rem;color:#4a5568;margin-bottom:2.5rem}.access-card{background:linear-gradient(135deg,#f7fafc,#edf2f7);border-radius:15px;padding:2rem;margin-bottom:2rem;border:2px solid #e2e8f0}.access-card h2{font-size:1.75rem;color:#2d3748;margin-bottom:1rem}.access-card>p{font-size:1.1rem;color:#4a5568;margin-bottom:1.5rem}.next-steps{text-align:left;margin:2rem 0;background:#fff;padding:1.5rem;border-radius:10px;border-left:4px solid #667eea}.next-steps h3{font-size:1.25rem;color:#2d3748;margin-bottom:1rem}.next-steps ol{margin-left:1.5rem;color:#4a5568;line-height:1.8}.next-steps li{margin-bottom:.5rem;font-size:1rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:2rem}.primary-button{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;transition:all .3s ease;box-shadow:0 4px 15px #667eea66}.primary-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #667eea99}.secondary-button{background:#fff;color:#667eea;padding:1rem 2.5rem;border-radius:50px;text-decoration:none;font-weight:600;font-size:1.1rem;border:2px solid #667eea;transition:all .3s ease}.secondary-button:hover{background:#667eea;color:#fff;transform:translateY(-2px)}.info-note{margin-top:1.5rem;padding:1rem;background:#eef2ff;border-radius:8px;border-left:4px solid #667eea}.info-note p{color:#4c51bf;font-size:.95rem;margin:0}.support-section{margin:2rem 0;padding:1.5rem;background:#fffbeb;border-radius:10px;border:1px solid #fbbf24}.support-section h3{font-size:1.25rem;color:#92400e;margin-bottom:.5rem}.support-section p{color:#78350f;margin-bottom:1rem}.support-email{color:#667eea;font-weight:600;text-decoration:none;font-size:1.1rem}.support-email:hover{text-decoration:underline}.order-info{margin-top:2rem;padding-top:2rem;border-top:1px solid #e2e8f0}.small-text{font-size:.9rem;color:#718096;line-height:1.6}@media(max-width:768px){.thank-you-container{padding:2rem 1.5rem}.thank-you-page h1{font-size:2rem}.subtitle{font-size:1.1rem}.access-card{padding:1.5rem}.cta-buttons{flex-direction:column}.primary-button,.secondary-button{width:100%;text-align:center}}