:root{--color-night-base: oklch(.336 .0524 260.52);--color-night-t-10: color-mix(in oklch, var(--color-night-base), white 10%);--color-night-t-20: color-mix(in oklch, var(--color-night-base), white 20%);--color-night-t-30: color-mix(in oklch, var(--color-night-base), white 30%);--color-night-t-40: color-mix(in oklch, var(--color-night-base), white 40%);--color-night-t-50: color-mix(in oklch, var(--color-night-base), white 50%);--color-night-s-10: color-mix(in oklch, var(--color-night-base), black 10%);--color-night-s-20: color-mix(in oklch, var(--color-night-base), black 20%);--color-night-s-30: color-mix(in oklch, var(--color-night-base), black 30%);--color-night-s-40: color-mix(in oklch, var(--color-night-base), black 40%);--color-night-s-50: color-mix(in oklch, var(--color-night-base), black 50%);--color-night: var(--color-night-base);--color-night-deep: var(--color-night-s-40);--color-night-darker: var(--color-night-s-50);--color-night-light: var(--color-night-t-10);--color-star: #EDD075;--color-star-hover: #E5C85E;--color-cloud: #C8DEFF;--color-bg: #EEF4FF;--color-night-rgb: 39, 55, 82;--color-star-rgb: 237, 208, 117;--color-cloud-rgb: 200, 222, 255;--color-white-rgb: 255, 255, 255;--color-black-rgb: 0, 0, 0;--color-surface: #FFFFFF;--color-surface-soft: #F7FAFF;--color-text-primary: #273752;--color-text-body: #4A5568;--color-text-muted: #6B7A99;--color-text-muted-rgb: 107, 122, 153;--color-success: #4CAF50;--color-error: #E53935;--color-warning: #FFC107;--color-success-rgb: 76, 175, 80;--color-error-rgb: 229, 57, 53;--color-instagram-purple: #833AB4;--color-instagram-pink: #E1306C;--color-instagram-orange: #F77737;--color-instagram-pink-rgb: 225, 48, 108;--font-primary: "Nunito", sans-serif;--lh-heading: 1.2;--lh-body: 1.7;--lh-compact: 1.55;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-30: 120px;--section-pad-y: var(--space-16);--section-pad-y-sm: var(--space-16);--section-pad-y-lg: var(--space-30);--container-pad-x: var(--space-6);--shadow-card: 0 4px 20px rgba(var(--color-night-rgb), .08);--shadow-card-hover: 0 8px 32px rgba(var(--color-night-rgb), .14);--shadow-gold: 0 4px 15px rgba(var(--color-star-rgb), .4);--shadow-gold-hover: 0 8px 25px rgba(var(--color-star-rgb), .5);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-pill: 50px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-primary);background:var(--color-bg);color:var(--color-text-body);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);line-height:var(--lh-heading)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--color-star);color:var(--color-night);border-radius:50px;font-family:var(--font-primary);font-weight:800;font-size:1rem;padding:14px 32px;border:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;white-space:nowrap;box-shadow:0 4px 15px rgba(var(--color-star-rgb),.3)}.btn-primary:hover{transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(var(--color-star-rgb),.5)}.btn-primary:active{transform:translateY(0) scale(.97);transition-duration:.1s}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:transparent;border:2px solid var(--color-night);color:var(--color-night);border-radius:50px;font-family:var(--font-primary);font-weight:700;font-size:1rem;padding:12px 30px;cursor:pointer;transition:background .2s,color .2s,transform .2s}.btn-secondary:hover{background:var(--color-night);color:var(--color-surface);transform:translateY(-1px)}.btn-ghost{background:transparent;border:none;cursor:pointer;font-family:var(--font-primary);color:var(--color-text-primary)}.card{background:var(--color-surface);border-radius:16px;box-shadow:var(--shadow-card);padding:24px;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-card-hover)}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-weight:700;font-size:.9rem;color:var(--color-text-primary)}.form-group label .required{color:var(--color-error);margin-left:2px}.form-group input,.form-group select,.form-group textarea{width:100%;padding:12px 16px;border:2px solid rgba(var(--color-cloud-rgb),.6);border-radius:12px;font-family:var(--font-primary);font-size:1rem;color:var(--color-text-primary);background:var(--color-surface);transition:border-color .2s,box-shadow .2s;outline:none}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--color-night);box-shadow:0 0 0 3px rgba(var(--color-night-rgb),.12)}.form-group input.ng-invalid.ng-touched,.form-group select.ng-invalid.ng-touched,.form-group textarea.ng-invalid.ng-touched{border-color:var(--color-error);box-shadow:0 0 0 3px rgba(var(--color-error-rgb),.08)}.form-group input::placeholder,.form-group select::placeholder,.form-group textarea::placeholder{color:rgba(var(--color-text-muted-rgb),.6)}.form-group textarea{resize:vertical;min-height:80px}.form-group .hint{font-size:.8rem;color:var(--color-text-muted)}.form-group .error-msg{font-size:.8rem;color:var(--color-error);font-weight:600}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--color-star);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.skip-link{position:absolute;top:-100px;left:0;background:var(--color-night);color:var(--color-surface);padding:12px 24px;z-index:10000;font-weight:700;text-decoration:none;border-radius:0 0 8px;transition:top .2s}.skip-link:focus{top:0}.section{position:relative;padding:var(--section-pad-y) 0}@media(max-width:768px){.section{padding:var(--section-pad-y-sm) 0}}.container{max-width:1180px;margin:0 auto;padding:0 24px}@media(max-width:480px){.container{padding:0 16px}}.section-title{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800;line-height:var(--lh-heading);margin-bottom:16px;color:var(--color-text-primary)}.section-subtitle{font-size:1.1rem;color:var(--color-text-muted);margin-bottom:48px;max-width:560px;line-height:var(--lh-body)}.fade-in-section{opacity:0;transform:translateY(30px);transition:opacity .7s ease,transform .7s ease}.fade-in-section.visible{opacity:1;transform:translateY(0)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.mt-8{margin-top:8px}.mb-8{margin-bottom:8px}.mt-16{margin-top:16px}.mb-16{margin-bottom:16px}.mt-24{margin-top:24px}.mb-24{margin-bottom:24px}.mt-32{margin-top:32px}.mb-32{margin-bottom:32px}::view-transition-old(root),::view-transition-new(root){animation-duration:.25s;animation-timing-function:ease-in-out}@keyframes twinkle{0%,to{opacity:.3}50%{opacity:1}}@keyframes twinkle-slow{0%,to{opacity:.2}50%{opacity:.8}}@keyframes float-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes float-cloud{0%,to{transform:translateY(0) translate(0)}50%{transform:translateY(-6px) translate(3px)}}.toast-container{position:fixed;bottom:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:12px}@media(max-width:480px){.toast-container{left:16px;right:16px;bottom:16px}}.toast{padding:14px 20px;border-radius:12px;font-weight:700;font-size:.95rem;box-shadow:0 4px 20px rgba(var(--color-black-rgb),.15);animation:slideIn .3s ease}.toast.toast-success{background:var(--color-success);color:var(--color-surface)}.toast.toast-error{background:var(--color-error);color:var(--color-surface)}.toast.toast-info{background:var(--color-night);color:var(--color-surface)}@keyframes slideIn{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:translate(0)}}.spinner{width:24px;height:24px;border:3px solid rgba(var(--color-night-rgb),.2);border-top-color:var(--color-night);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}
