:root{--primary:#2f855a;--primary-hover:#276749;--text-main:#2d3748;--text-light:#718096;--bg-body:#f7fafc;--white:#fff;--shadow-card:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-feature:0 4px 16px #0000001a;--shadow-feature-hover:0 8px 24px #00000026}body{background-color:var(--bg-body);color:var(--text-main);margin:0;padding:0;font-family:Pretendard,-apple-system,BlinkMacSystemFont,system-ui,sans-serif;line-height:1.5}.container{max-width:1000px;margin:0 auto;padding:0 20px}.hero{text-align:center;background:linear-gradient(135deg,#e6fffa 0%,#ebf8ff 100%);margin-bottom:-40px;padding:64px 20px 40px}.hero p{color:var(--text-light);max-width:600px;margin:0 auto;font-size:1rem}@media (min-width:768px){.hero h1{font-size:2.25rem}.hero p{font-size:1.125rem}}.calc-wrapper{padding:0 20px 48px}.calc-card{background-color:var(--white);box-shadow:var(--shadow-card);z-index:10;border-radius:12px;max-width:700px;margin:0 auto;padding:24px;position:relative}@media (min-width:768px){.calc-card{padding:40px}}.error-msg{color:#b91c1c;text-align:center;background-color:#fee2e2;border:1px solid #fecaca;border-radius:8px;margin-bottom:24px;padding:12px 16px;font-size:.875rem;font-weight:600}.form-group{margin-bottom:24px}.form-label{color:#1f2937;margin-bottom:8px;font-weight:600;display:block}.form-input,.form-select{background-color:var(--white);box-sizing:border-box;border:1px solid #e5e7eb;border-radius:8px;width:100%;padding:12px;font-family:inherit;font-size:1rem;transition:all .2s}.form-input:focus,.form-select:focus{box-shadow:0 0 0 2px var(--primary);border-color:#0000;outline:none}.btn-primary{background-color:var(--primary);width:100%;color:var(--white);cursor:pointer;border:none;border-radius:8px;padding:16px;font-size:1.125rem;font-weight:700;transition:background-color .2s}.btn-primary:hover{background-color:var(--primary-hover)}.btn-primary:active{transform:scale(.99)}.result-box{text-align:center;background-color:#f0fff4;border:1px solid #c6f6d5;border-radius:8px;margin-top:32px;padding:24px;animation:.5s ease-out fadeIn}.result-title{color:#4b5563;margin:0 0 8px;font-size:1rem}.result-grade{color:var(--primary);margin:8px 0;font-size:2rem;font-weight:700}.result-sub{color:var(--text-light);margin:0;font-size:.875rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.cross-sell-section{color:var(--white);text-align:center;background-color:#2d3748;margin-bottom:0;padding:48px 20px}.cross-sell-title{margin:0 0 12px;font-size:1.25rem;font-weight:700}@media (min-width:768px){.cross-sell-title{font-size:1.5rem}}.cross-sell-desc{color:#cbd5e0;margin:0 0 24px}.btn-outline{border:2px solid var(--white);color:var(--white);border-radius:9999px;padding:12px 32px;font-weight:700;text-decoration:none;transition:all .3s;display:inline-block}.btn-outline:hover{background-color:var(--white);color:#2d3748}.features-section{background-color:var(--white);padding:64px 0}.section-title{text-align:center;color:#1f2937;margin-bottom:40px;font-size:1.5rem;font-weight:700}@media (min-width:768px){.section-title{font-size:1.875rem}}.features-grid{grid-template-columns:1fr;gap:32px;display:grid}@media (min-width:768px){.features-grid{grid-template-columns:repeat(3,1fr)}}.stat-item{text-align:center;background-color:var(--white);box-shadow:var(--shadow-feature);border-radius:16px;padding:32px 20px;transition:transform .3s,box-shadow .3s}.stat-item:hover{box-shadow:var(--shadow-feature-hover);transform:translateY(-4px)}.feature-icon{margin-bottom:16px;font-size:3rem}.feature-title{color:#1f2937;margin-bottom:12px;font-size:1.125rem;font-weight:700}.feature-desc{color:var(--text-light);font-size:.875rem;line-height:1.6}.birthdate-selects{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.birthdate-selects .form-select{flex-grow:1;width:auto}