:root{--color-pink-950: #4a0e22;--color-pink-900: #801d3b;--color-pink-800: #9e2b50;--color-pink-700: #c84b70;--color-pink-600: #d8527c;--color-pink-500: #e26d92;--color-pink-400: #ec8da8;--color-pink-300: #f4b5c7;--color-pink-200: #f7cad9;--color-pink-100: #fce4ec;--color-pink-50: #fff0f5;--color-white: #ffffff;--color-slate-900: #1a080e;--color-slate-800: #2d121c;--color-slate-700: #42202c;--color-slate-600: #5c3543;--color-slate-500: #7b5261;--color-slate-400: #a37c8a;--color-slate-200: #e8d3dc;--color-success-bg: #f0fdf4;--color-success-border: #bbf7d0;--color-success-text: #15803d;--color-error-bg: #fff1f2;--color-error-border: #fecdd3;--color-error-text: #be123c;--shadow-sm: 0 2px 4px rgba(200, 75, 112, .05);--shadow-md: 0 8px 24px -4px rgba(200, 75, 112, .12), 0 4px 12px -2px rgba(216, 82, 124, .08);--shadow-lg: 0 20px 36px -8px rgba(200, 75, 112, .18), 0 8px 16px -4px rgba(216, 82, 124, .1);--shadow-glow: 0 0 28px rgba(216, 82, 124, .35);--font-family-body: "Plus Jakarta Sans", system-ui, -apple-system, sans-serif;--font-family-display: "Outfit", system-ui, -apple-system, sans-serif;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 16px;--radius-lg: 24px;--radius-full: 9999px;--transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--transition-normal: .25s cubic-bezier(.4, 0, .2, 1);--transition-bounce: .35s cubic-bezier(.34, 1.56, .64, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-body);background-color:var(--color-pink-50);color:var(--color-slate-800);min-height:100vh;line-height:1.6;position:relative;overflow-x:hidden;display:flex;flex-direction:column}.ambient-glow{position:absolute;border-radius:50%;filter:blur(100px);pointer-events:none;z-index:0;opacity:.7}.glow-top{top:-120px;right:-100px;width:550px;height:550px;background:radial-gradient(circle,var(--color-pink-300) 0%,rgba(253,228,236,0) 70%)}.glow-bottom{bottom:5%;left:-150px;width:600px;height:600px;background:radial-gradient(circle,var(--color-pink-200) 0%,rgba(255,240,245,0) 70%)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.hidden{display:none!important}.app-header{position:sticky;top:0;z-index:50;background:#fffffff0;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--color-pink-200);padding:.75rem 1.25rem}.header-container{max-width:760px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-group{display:flex;align-items:center;gap:.75rem;transition:var(--transition-fast);-webkit-user-select:none;user-select:none}.brand-group:hover{opacity:.9}.brand-logo-img{width:42px;height:42px;object-fit:cover;border-radius:50%;border:2px solid var(--color-pink-300);box-shadow:var(--shadow-sm)}.brand-title{font-family:var(--font-family-display);font-weight:900;font-size:1.4rem;color:var(--color-pink-700);letter-spacing:-.02em}.brand-tagline{font-size:.775rem;color:var(--color-pink-800);font-weight:700;display:block;margin-top:-3px;text-transform:uppercase;letter-spacing:.04em}.app-nav{display:flex;align-items:center;gap:.5rem}.nav-link{background:transparent;border:1.5px solid transparent;color:var(--color-slate-700);font-family:var(--font-family-display);font-weight:700;font-size:.9rem;padding:.45rem .9rem;border-radius:var(--radius-full);cursor:pointer;transition:var(--transition-fast)}.nav-link:hover{color:var(--color-pink-700);background:var(--color-pink-100)}.nav-link.active{background:var(--color-pink-100);color:var(--color-pink-800);border-color:var(--color-pink-300)}.main-layout{flex:1;max-width:740px;width:100%;margin:0 auto;padding:2rem 1.25rem 3rem;position:relative;z-index:1}.page-container{width:100%}.hero-card{background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid var(--color-pink-200);border-radius:var(--radius-lg);padding:3rem 2.25rem;box-shadow:var(--shadow-lg);text-align:center;margin-bottom:0}.hero-logo-wrapper{margin-bottom:1rem}.hero-logo-img{width:105px;height:105px;object-fit:cover;border-radius:50%;border:3.5px solid var(--color-pink-300);box-shadow:var(--shadow-md),var(--shadow-glow);transition:var(--transition-bounce)}.hero-logo-img:hover{transform:scale(1.06)}.hero-title{font-family:var(--font-family-display);font-weight:900;font-size:2.8rem;color:var(--color-pink-700);line-height:1.1;letter-spacing:-.03em;margin-bottom:.35rem}.hero-tagline{font-size:1.15rem;color:var(--color-pink-900);font-weight:700;margin-bottom:1.25rem}.hero-description{font-size:1rem;color:var(--color-slate-700);line-height:1.65;max-width:580px;margin:0 auto 2rem}.hero-actions{display:flex;justify-content:center}.hero-btn{max-width:260px}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.info-card{background:#ffffffeb;border:1px solid var(--color-pink-200);border-radius:var(--radius-md);padding:1.5rem 1.25rem;text-align:center;box-shadow:var(--shadow-sm);transition:var(--transition-fast)}.info-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-pink-300)}.info-icon{font-size:2rem;margin-bottom:.6rem}.info-card h3{font-family:var(--font-family-display);font-size:1.05rem;font-weight:800;color:var(--color-pink-900);margin-bottom:.4rem}.info-card p{font-size:.85rem;color:var(--color-slate-600);line-height:1.45}.form-section{width:100%}.card-container{background:#fffffff5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1.5px solid var(--color-pink-200);border-radius:var(--radius-lg);padding:2.25rem 2rem;box-shadow:var(--shadow-lg);transition:var(--transition-normal)}.card-logo-header{text-align:center;margin-bottom:1.75rem;padding-bottom:1.25rem;border-bottom:1px dashed var(--color-pink-200)}.card-hero-logo{width:90px;height:90px;object-fit:cover;border-radius:50%;border:3px solid var(--color-pink-300);box-shadow:var(--shadow-md),var(--shadow-glow);margin-bottom:.75rem;transition:var(--transition-bounce)}.card-hero-logo:hover{transform:scale(1.06)}.main-heading{font-family:var(--font-family-display);font-weight:900;font-size:2.2rem;color:var(--color-pink-700);line-height:1.15;letter-spacing:-.02em;margin-bottom:.35rem}.main-subtitle{font-size:1rem;color:var(--color-slate-600);font-weight:500}.card-header-prompt{margin-bottom:1.5rem;text-align:center}.card-title{font-family:var(--font-family-display);font-weight:700;font-size:1.2rem;color:var(--color-pink-900)}.option-fieldset{border:none;padding:0;margin-bottom:1.75rem}.option-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.option-card{display:flex;align-items:flex-start;gap:.75rem;padding:1.1rem;background:var(--color-pink-50);border:2px solid var(--color-pink-200);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast);position:relative;-webkit-user-select:none;user-select:none}.option-card:hover{background:var(--color-pink-100);border-color:var(--color-pink-300);transform:translateY(-2px)}.option-card.selected{background:var(--color-white);border-color:var(--color-pink-700);box-shadow:var(--shadow-md),0 0 0 3px #c84b7026}.radio-wrapper{margin-top:2px;position:relative;display:flex;align-items:center;justify-content:center}.radio-wrapper input[type=radio]{position:absolute;opacity:0;width:100%;height:100%;cursor:pointer}.custom-radio{width:20px;height:20px;border:2px solid var(--color-slate-400);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:var(--transition-fast);background:var(--color-white)}.option-card.selected .custom-radio{border-color:var(--color-pink-700)}.option-card.selected .custom-radio:after{content:"";width:10px;height:10px;background:var(--color-pink-700);border-radius:50%}.option-info{flex:1}.option-heading-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.2rem}.option-title{font-weight:700;font-size:.95rem;color:var(--color-slate-900)}.privacy-pill{font-size:.7rem;font-weight:700;background:#dcfce7;color:#15803d;padding:1px 6px;border-radius:var(--radius-xs);text-transform:uppercase;letter-spacing:.03em}.option-desc{font-size:.825rem;color:var(--color-slate-600);line-height:1.35}.identified-fields-wrapper{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem;margin-bottom:1.5rem;padding-top:.5rem;animation:fadeInDown .3s cubic-bezier(.4,0,.2,1)}.full-width-sm{grid-column:span 2}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.form-group{display:flex;flex-direction:column;gap:.4rem;margin-bottom:1.25rem}.label-row{display:flex;align-items:center;justify-content:space-between}.form-label{font-weight:700;font-size:.9rem;color:var(--color-slate-800);display:flex;align-items:center;gap:.2rem}.req-star{color:var(--color-pink-700)}.input-with-icon{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--color-pink-700);pointer-events:none}.form-input,.form-select{width:100%;font-family:var(--font-family-body);font-size:.95rem;color:var(--color-slate-900);background:var(--color-white);border:1.5px solid var(--color-pink-200);border-radius:var(--radius-sm);padding:.75rem 1rem .75rem 2.75rem;outline:none;transition:var(--transition-fast)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23c84b70' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-pink-700);box-shadow:0 0 0 4px #c84b702e}.textarea-wrapper{position:relative}.form-textarea{width:100%;font-family:var(--font-family-body);font-size:.95rem;color:var(--color-slate-900);background:var(--color-white);border:1.5px solid var(--color-pink-200);border-radius:var(--radius-sm);padding:.85rem 1rem;outline:none;resize:vertical;min-height:135px;line-height:1.5;transition:var(--transition-fast)}.char-counter{font-size:.8rem;font-weight:700;color:var(--color-pink-900);background:var(--color-pink-100);padding:2px 8px;border-radius:var(--radius-full)}.char-counter.warning{color:#b45309;background:#fef3c7}.char-counter.limit{color:var(--color-error-text);background:var(--color-error-bg)}.field-error{font-size:.775rem;color:var(--color-error-text);font-weight:600;display:none;margin-top:2px}.form-group.error .field-error{display:block}.form-group.error .form-input,.form-group.error .form-select,.form-group.error .form-textarea{border-color:var(--color-error-text)}.privacy-note-box{display:flex;align-items:center;gap:.6rem;background:var(--color-pink-50);border:1px dashed var(--color-pink-300);padding:.75rem 1rem;border-radius:var(--radius-sm);font-size:.825rem;color:var(--color-pink-950);font-weight:500;margin-bottom:1.5rem}.shield-icon{color:var(--color-pink-700);flex-shrink:0}.form-alert{padding:.85rem 1rem;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;margin-bottom:1.25rem}.form-alert.error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error-text)}.form-alert.success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success-text)}.form-actions{display:flex}.submit-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.6rem;background:linear-gradient(135deg,var(--color-pink-800),var(--color-pink-600));color:var(--color-white);font-family:var(--font-family-display);font-weight:800;font-size:1.1rem;padding:.95rem 1.5rem;border:none;border-radius:var(--radius-sm);cursor:pointer;box-shadow:var(--shadow-md);transition:var(--transition-fast);position:relative}.submit-btn:hover{background:linear-gradient(135deg,var(--color-pink-700),var(--color-pink-500));box-shadow:var(--shadow-lg),var(--shadow-glow);transform:translateY(-1px)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed;transform:none!important}.btn-spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:var(--color-white);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.success-card{text-align:center;padding:3.5rem 2rem;animation:scaleUp .35s var(--transition-bounce)}@keyframes scaleUp{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.success-icon-wrapper{display:flex;justify-content:center;margin-bottom:1.25rem}.success-circle-bg{width:84px;height:84px;background:linear-gradient(135deg,#22c55e,#15803d);color:var(--color-white);border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #22c55e59;animation:popIn .5s var(--transition-bounce)}@keyframes popIn{0%{transform:scale(0)}80%{transform:scale(1.15)}to{transform:scale(1)}}.success-title{font-family:var(--font-family-display);font-weight:800;font-size:1.7rem;color:var(--color-pink-900);margin-bottom:.6rem}.success-subtitle{font-size:1.05rem;color:var(--color-slate-700);max-width:520px;margin:0 auto 2rem;line-height:1.6}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--color-white);color:var(--color-pink-800);border:2px solid var(--color-pink-700);font-family:var(--font-family-display);font-weight:700;font-size:1rem;padding:.8rem 1.75rem;border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-fast)}.btn-secondary:hover{background:var(--color-pink-100);transform:translateY(-1px);box-shadow:var(--shadow-md)}.app-footer-small{margin-top:auto;background:#ffffffe6;border-top:1px solid var(--color-pink-200);padding:.85rem 1.25rem;text-align:center}.footer-small-container{max-width:720px;margin:0 auto}.footer-small-text{font-size:.825rem;color:var(--color-pink-900);font-weight:600}@media (max-width: 640px){.app-header{padding:.65rem 1rem}.header-container{gap:.5rem}.brand-logo-img{width:36px;height:36px}.brand-title{font-size:1.15rem}.brand-tagline{font-size:.65rem}.nav-link{padding:.35rem .65rem;font-size:.8rem}.hero-card{padding:2rem 1.25rem}.hero-title{font-size:2.1rem}.hero-tagline{font-size:1rem}.hero-description{font-size:.925rem}.info-grid{grid-template-columns:1fr;gap:.85rem}.card-container{padding:1.5rem 1.1rem;border-radius:var(--radius-md)}.card-hero-logo{width:76px;height:76px}.main-heading{font-size:1.85rem}.main-subtitle{font-size:.925rem}.option-cards-grid{grid-template-columns:1fr;gap:.75rem}.identified-fields-wrapper{grid-template-columns:1fr;gap:.85rem}.full-width-sm{grid-column:span 1}}
