*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:'Noto Sans KR',sans-serif;line-height:1.6;color:#333;overflow-x:hidden}.container{max-width:1200px;margin:0 auto;padding:0 20px}:root{--primary-color:#ff9aa2;--primary-dark:#ff7782;--secondary-color:#ffd3a5;--accent-color:#a8e6cf;--dark-color:#1f2937;--light-color:#fff8f0;--gray-color:#6b7280;--white:#ffffff;--shadow:0 10px 25px rgba(0,0,0,0.1);--shadow-hover:0 20px 40px rgba(0,0,0,0.15);--gradient:linear-gradient(135deg,var(--primary-color),var(--accent-color));--border-radius:12px;--transition:var(--transition);--age-0-6-bg:#FFF0F5;--age-0-6-border:#FFB6C1;--age-0-6-icon:#FF69B4;--age-7-12-bg:#E0F7FA;--age-7-12-border:#80DEEA;--age-7-12-icon:#00BCD4;--age-13-24-bg:#FFF9E6;--age-13-24-border:#FFE082;--age-13-24-icon:#FFC107;--age-25-36-bg:#E3F2FD;--age-25-36-border:#90CAF9;--age-25-36-icon:#2196F3;--color-1:#f3f4f6;--color-2:#10b981;--color-rgba-3:rgba(0,0,0,0.08);--color-4:#e5e7eb;--color-5:#6b7280;--color-6:#1f2937;--color-7:#fff;--color-8:#9ca3af;--color-9:#666;--color-10:#0ea5e9}h1,h2,h3,h4,h5,h6{font-weight:700;line-height:1.2;margin-bottom:1rem}.gradient-text{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;gap:0.5rem;padding:12px 24px;border:none;border-radius:var(--border-radius);font-size:1rem;font-weight:500;text-decoration:none;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.btn::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left 0.5s ease}.btn:hover::before{left:100%}.btn-primary{background:var(--gradient);color:var(--white)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hover)}.btn-secondary{background:transparent;color:var(--primary-color);border:2px solid var(--primary-color)}.btn-secondary:hover{background:var(--primary-color);color:var(--white);transform:translateY(-2px)}.btn-full{width:100%;justify-content:center}.navbar{position:fixed;top:0;width:100%;background:rgba(255,255,255,0.95);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,0.1);z-index:1000;transition:var(--transition)}.nav-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;justify-content:space-between;align-items:center;height:70px}.nav-logo a{font-size:1.5rem;font-weight:700;text-decoration:none;background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-menu{display:flex;list-style:none;gap:2rem}.nav-link{text-decoration:none;color:var(--dark-color);font-weight:500;position:relative;transition:var(--transition)}.nav-link::after{content:'';position:absolute;bottom:-5px;left:0;width:0;height:2px;background:var(--gradient);transition:width 0.3s ease}.nav-link:hover::after{width:100%}.nav-toggle{display:none;flex-direction:column;cursor:pointer}.bar{width:25px;height:3px;background:var(--dark-color);margin:3px 0;transition:0.3s}.hero{padding:120px 0 80px;background:linear-gradient(135deg,#fff8f0 0%,#ffe4e6 100%);position:relative;overflow:hidden}.hero::before{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><defs><pattern id="grid" width="10" height="10" patternUnits="userSpaceOnUse"><path d="M 10 0 L 0 0 0 10" fill="none" stroke="%23e5e7eb" stroke-width="0.5"/></pattern></defs><rect width="100" height="100" fill="url(%23grid)"/></svg>');opacity:0.3}.hero-container{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative;z-index:1}.hero-title{font-size:3.5rem;margin-bottom:1.5rem;line-height:1.1}.hero-description{font-size:1.2rem;color:var(--gray-color);margin-bottom:2rem;line-height:1.6}.hero-buttons{display:flex;gap:1rem}.hero-graphic{position:relative;height:400px;display:flex;align-items:center;justify-content:center}.floating-card{position:absolute;background:var(--white);padding:20px;border-radius:var(--border-radius);box-shadow:var(--shadow);display:flex;flex-direction:column;align-items:center;gap:10px;font-size:0.9rem;font-weight:500;animation:float 6s ease-in-out infinite}.floating-card i{font-size:2rem;color:var(--primary-color)}.card-1{top:20%;left:10%;animation-delay:0s}.card-2{top:50%;right:10%;animation-delay:2s}.card-3{bottom:20%;left:50%;transform:translateX(-50%);animation-delay:4s}@keyframes float{0%,100%{transform:translateY(0px)}50%{transform:translateY(-20px)}}section{padding:80px 0}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:2.5rem;margin-bottom:1rem}.section-subtitle{font-size:1.1rem;color:var(--gray-color);max-width:600px;margin:0 auto}.about{background:var(--white)}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.about-text h3{font-size:2rem;margin-bottom:1.5rem;color:var(--dark-color)}.about-text p{font-size:1.1rem;color:var(--gray-color);margin-bottom:2rem;line-height:1.7}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.stat-item{text-align:center}.stat-number{font-size:2.5rem;font-weight:700;color:var(--primary-color);display:block;margin-bottom:0.5rem}.stat-label{font-size:0.9rem;color:var(--gray-color);font-weight:500}.about-features{display:flex;flex-direction:column;gap:2rem}.feature-item{display:flex;gap:1rem;align-items:flex-start}.feature-icon{width:60px;height:60px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;flex-shrink:0}.feature-item h4{font-size:1.2rem;margin-bottom:0.5rem;color:var(--dark-color)}.feature-item p{color:var(--gray-color);line-height:1.6}.services{background:var(--light-color)}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.service-card{background:var(--white);padding:2.5rem;border-radius:var(--border-radius);text-align:center;box-shadow:var(--shadow);transition:var(--transition);position:relative;overflow:hidden}.service-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:var(--gradient);transform:scaleX(0);transition:transform 0.3s ease}.service-card:hover::before{transform:scaleX(1)}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-hover)}.service-icon{width:80px;height:80px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--white);font-size:2rem}.service-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark-color)}.service-card p{color:var(--gray-color);margin-bottom:1.5rem;line-height:1.6}.service-features{list-style:none;text-align:left}.service-features li{padding:0.5rem 0;color:var(--gray-color);position:relative;padding-left:1.5rem}.service-features li::before{content:'✓';position:absolute;left:0;color:var(--primary-color);font-weight:bold}.portfolio{background:var(--white)}.portfolio-filter{display:flex;justify-content:center;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.filter-btn{padding:10px 20px;border:2px solid var(--primary-color);background:transparent;color:var(--primary-color);border-radius:var(--border-radius);cursor:pointer;transition:var(--transition);font-weight:500}.filter-btn.active,.filter-btn:hover{background:var(--primary-color);color:var(--white)}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.portfolio-item{border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:var(--transition)}.portfolio-item:hover{transform:translateY(-5px);box-shadow:var(--shadow-hover)}.portfolio-image{position:relative;height:250px;overflow:hidden}.placeholder-image{width:100%;height:100%;background:linear-gradient(135deg,var(--light-color),#e2e8f0);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--gray-color);font-size:1rem;font-weight:500}.placeholder-image i{font-size:3rem;margin-bottom:1rem;color:var(--primary-color)}.portfolio-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(99,102,241,0.9);color:var(--white);display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:0;transition:var(--transition);text-align:center;padding:2rem}.portfolio-item:hover .portfolio-overlay{opacity:1}.portfolio-overlay h4{font-size:1.5rem;margin-bottom:0.5rem}.portfolio-overlay p{margin-bottom:1rem;opacity:0.9}.portfolio-link{width:50px;height:50px;background:var(--white);color:var(--primary-color);border-radius:50%;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:1.2rem;transition:var(--transition)}.portfolio-link:hover{transform:scale(1.1)}.contact{background:var(--light-color)}.contact-content{display:grid;grid-template-columns:1fr 1fr;gap:4rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;gap:1rem;align-items:flex-start}.contact-icon{width:60px;height:60px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1.5rem;flex-shrink:0}.contact-details h4{font-size:1.2rem;margin-bottom:0.5rem;color:var(--dark-color)}.contact-details p{color:var(--gray-color);line-height:1.6}.contact-form{background:var(--white);padding:2.5rem;border-radius:var(--border-radius);box-shadow:var(--shadow)}.form-group{margin-bottom:1.5rem}.form-group input,.form-group textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,0.1)}.form-group textarea{resize:vertical;min-height:120px}.footer{background:var(--dark-color);color:var(--white);padding:3rem 0 1rem}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:2rem;margin-bottom:2rem}.footer-logo h3{background:var(--gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1rem}.footer-logo p{color:#9ca3af;line-height:1.6;margin-bottom:1.5rem}.social-links{display:flex;gap:1rem}.social-link{width:40px;height:40px;background:rgba(255,255,255,0.1);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);text-decoration:none;transition:var(--transition)}.social-link:hover{background:var(--primary-color);transform:translateY(-2px)}.footer-section h4{margin-bottom:1rem;color:var(--white)}.footer-section ul{list-style:none}.footer-section ul li{margin-bottom:0.5rem}.footer-section ul li a{color:#9ca3af;text-decoration:none;transition:var(--transition)}.footer-section ul li a:hover{color:var(--white)}.footer-bottom{border-top:1px solid rgba(255,255,255,0.1);padding-top:1rem;text-align:center;color:#9ca3af}.back-to-top{position:fixed;bottom:20px;right:20px;width:50px;height:50px;background:var(--gradient);color:var(--white);border:none;border-radius:50%;cursor:pointer;font-size:1.2rem;opacity:0;visibility:hidden;transition:var(--transition);z-index:1000}.back-to-top.show{opacity:1;visibility:visible}.back-to-top:hover{transform:translateY(-3px)}@media(max-width:1024px){.hero-container{grid-template-columns:1fr;gap:2rem;text-align:center}.hero-title{font-size:3rem}.about-content{grid-template-columns:1fr;gap:3rem}.contact-content{grid-template-columns:1fr;gap:3rem}.footer-content{grid-template-columns:1fr 1fr;gap:2rem}}@media(max-width:768px){.nav-menu{position:fixed;left:-100%;top:70px;flex-direction:column;background-color:var(--white);width:100%;text-align:center;transition:0.3s;box-shadow:var(--shadow);padding:2rem 0}.nav-menu.active{left:0}.nav-menu li{margin:1rem 0}.nav-toggle{display:flex}.nav-toggle.active .bar:nth-child(2){opacity:0}.nav-toggle.active .bar:nth-child(1){transform:translateY(8px)rotate(45deg)}.nav-toggle.active .bar:nth-child(3){transform:translateY(-8px)rotate(-45deg)}.hero-title{font-size:2.5rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons .btn{width:100%;max-width:300px}.section-title{font-size:2rem}.services-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}.portfolio-filter{flex-direction:column;align-items:center}.stats{grid-template-columns:1fr;gap:1rem}.footer-content{grid-template-columns:1fr;text-align:center}.about-features{text-align:center}.feature-item{flex-direction:column;align-items:center;text-align:center}.contact-item{flex-direction:column;align-items:center;text-align:center}}@media(max-width:480px){.container{padding:0 15px}.hero{padding:100px 0 60px}.hero-title{font-size:2rem}.hero-description{font-size:1rem}section{padding:60px 0}.service-card,.contact-form{padding:1.5rem}.floating-card{padding:15px;font-size:0.8rem}.floating-card i{font-size:1.5rem}}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.6s ease,transform 0.6s ease}.fade-in.show{opacity:1;transform:translateY(0)}.portfolio-item{transition:var(--transition)}.portfolio-item.hide{opacity:0;transform:scale(0.8)}.btn.loading{position:relative;color:transparent}.btn.loading::after{content:'';position:absolute;width:20px;height:20px;top:50%;left:50%;margin-left:-10px;margin-top:-10px;border:2px solid #ffffff;border-radius:50%;border-top-color:transparent;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}:root{--brand:#FF8E8E;--brand-dark:#E26F6F}.hero-title{font-size:clamp(28px,5.2vw,56px);line-height:1.15}.section-title{font-size:clamp(22px,3.6vw,36px)}.section-subtitle,p{font-size:clamp(15px,1.8vw,18px)}.btn-primary{background:linear-gradient(135deg,var(--brand),var(--primary-color));color:#fff;border:none;border-radius:14px;padding:14px 22px;font-weight:700;box-shadow:0 8px 20px rgba(255,142,142,.25)}.btn-primary:hover{background:var(--brand-dark)}.btn-secondary{background:transparent;color:var(--brand);border:2px solid var(--brand);border-radius:14px;padding:12px 20px;font-weight:700}@media(max-width:680px){.hero-buttons{flex-direction:column;align-items:flex-start;gap:12px}}.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}.chat-widget{position:fixed;right:16px;bottom:80px;width:320px;max-height:480px;background:#ffffff;border:1px solid rgba(0,0,0,0.08);border-radius:16px;box-shadow:0 20px 40px rgba(0,0,0,0.18);display:flex;flex-direction:column;overflow:hidden;font-family:'Pretendard','Noto Sans KR',system-ui,sans-serif;transition:transform 0.25s ease,opacity 0.25s ease;z-index:9999}.chat-widget.minimized{transform:translateY(20px)scale(0.9);opacity:0;pointer-events:none}.chat-header{background:#6ec6ca;color:#fff;padding:12px 12px 10px;display:flex;align-items:flex-start;justify-content:space-between}.chat-header-left{flex:1}.chat-title{font-size:0.95rem;font-weight:700;line-height:1.3}.chat-sub{font-size:0.75rem;opacity:0.9;line-height:1.2}.chat-close-btn{appearance:none;border:none;background:rgba(255,255,255,0.2);color:#fff;border-radius:6px;cursor:pointer;font-size:0.8rem;line-height:1;padding:4px 8px}.chat-close-btn:hover{background:rgba(255,255,255,0.3)}.chat-body{background:#fdfdfd;flex:1;display:flex;flex-direction:column;padding:12px;gap:8px}.chat-messages,.chat-container{flex:1;overflow-y:auto;background:#fff;border-radius:12px;border:1px solid #eee;padding:12px;box-shadow:inset 0 0 4px rgba(0,0,0,0.05);scroll-behavior:smooth;max-height:300px;font-size:0.9rem;line-height:1.5}.message{margin-bottom:12px;word-break:keep-all;white-space:pre-line}.message.user{text-align:right;color:#222;background:#e0f7fa;padding:10px 14px;border-radius:14px 14px 0 14px;display:inline-block;max-width:85%;animation:fadeIn 0.25s ease}.message.bot{text-align:left;background:#f1f1f1;color:#333;padding:10px 14px;border-radius:14px 14px 14px 0;display:inline-block;max-width:85%;animation:fadeIn 0.25s ease}@keyframes fadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.chat-input-area,.chat-input-row{display:flex;gap:8px;align-items:center}#chat-input{flex:1;padding:10px 12px;border-radius:var(--border-radius);border:1px solid #ddd;outline:none;font-size:0.9rem}#chat-input:focus{border-color:#6ec6ca;box-shadow:0 0 0 2px rgba(110,198,202,0.2)}#send-btn,.chat-send-btn{background:#6ec6ca;border:none;padding:10px 14px;border-radius:var(--border-radius);color:white;cursor:pointer;font-size:0.9rem;line-height:1;white-space:nowrap}#send-btn:hover,.chat-send-btn:hover{background:#4db6ac}.chat-toggle-btn{position:fixed;right:16px;bottom:16px;width:56px;height:56px;border-radius:50%;border:none;background:#6ec6ca;color:#fff;font-size:1.25rem;line-height:1;box-shadow:0 16px 32px rgba(0,0,0,0.18);cursor:pointer;z-index:9999;transition:background 0.2s ease,transform 0.2s ease}.chat-toggle-btn:hover{background:#4db6ac;transform:translateY(-2px)}@media(max-width:480px){.chat-widget{right:12px;bottom:72px;width:calc(100% - 24px);max-height:60vh}.chat-container{max-height:40vh;font-size:0.9rem}.chat-toggle-btn{right:12px;bottom:12px;width:52px;height:52px;font-size:1.1rem}}.contact-form h3{color:var(--brand);margin-bottom:8px;font-size:20px}.contact-form>p{color:#666;margin-bottom:24px;font-size:14px}.form-group label{display:block;margin-bottom:6px;color:#333;font-weight:600;font-size:14px}.form-group select{width:100%;padding:12px 16px;border:1px solid #e0e0e0;border-radius:var(--border-radius);font-size:14px;background-color:white;color:#333}.form-group select:focus{border-color:var(--brand);outline:none;box-shadow:0 0 0 3px rgba(255,142,142,0.1)}.checkbox-group{display:flex;flex-direction:column;gap:8px}.checkbox-group label{display:flex;align-items:center;font-weight:400;font-size:14px;cursor:pointer}.checkbox-group input[type="checkbox"]{width:auto;margin-right:8px;accent-color:var(--brand)}.form-group input[type="checkbox"]{width:auto;margin-right:8px;accent-color:var(--brand)}.form-note{margin-top:12px;text-align:center;font-size:13px;color:#666;font-style:italic}@media(max-width:768px){.contact-form h3{font-size:18px}.checkbox-group{gap:12px}}.checklist-header{text-align:center;margin-bottom:32px;padding:24px;background:linear-gradient(135deg,#fdf2f8,#f3e8ff);border-radius:16px;border:2px solid var(--brand)}.checklist-header h2{color:var(--brand);font-size:24px;margin-bottom:12px}.checklist-header p{color:#666;font-size:16px;margin:0}.progress-container{margin-top:24px;background:rgba(255,255,255,0.7);padding:20px;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,0.05)}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px}.progress-label{font-weight:600;color:#333}.progress-stats{font-weight:600;color:var(--brand)}.progress-bar{width:100%;height:32px;background:#e5e7eb;border-radius:16px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:16px;transition:width 0.5s ease-in-out;display:flex;align-items:center;justify-content:center;position:relative;min-width:40px;box-shadow:0 2px 8px rgba(16,185,129,0.3)}.progress-text{color:white;font-weight:700;font-size:14px;text-shadow:0 1px 2px rgba(0,0,0,0.2)}@keyframes progressPulse{0%,100%{opacity:1}50%{opacity:0.8}}.progress-fill{animation:progressPulse 2s ease-in-out infinite}.checklist-item .service-icon{position:relative}.checklist-item .item-number{position:absolute;bottom:-5px;right:-5px;background:var(--brand);color:white;font-size:12px;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600}.checklist-item{border-left:4px solid var(--brand);background:linear-gradient(135deg,#ffffff,#fefefe)}.checklist-item:hover{border-left-color:var(--brand-dark);transform:translateY(-2px)}@media(max-width:768px){.checklist-header{padding:16px;margin-bottom:24px}.checklist-header h2{font-size:20px}.checklist-header p{font-size:14px}.checklist-item{padding:16px;margin-bottom:16px}.checklist-item h3{font-size:16px;line-height:1.4;margin-bottom:8px}.checklist-item p{font-size:14px;line-height:1.5}.checklist-item .service-icon{width:50px;height:50px;margin-bottom:12px}.checklist-item .service-icon i{font-size:20px}.checklist-item .item-number{width:20px;height:20px;font-size:10px;bottom:-3px;right:-3px}.checkbox-wrapper{min-width:44px;min-height:44px;display:flex;align-items:center;justify-content:center}.checkbox-wrapper input[type="checkbox"]{width:24px;height:24px}.affiliate-link-btn{padding:12px 20px;font-size:14px;width:100%;justify-content:center}.affiliate-box{padding:14px;margin-top:14px}.affiliate-headline{font-size:11px}.affiliate-desc{font-size:11px;line-height:1.4}.affiliate-price-note{font-size:12px}.checklist-info-bar{padding:10px;font-size:0.85rem}}@media(max-width:480px){.checklist-header h2{font-size:18px}.checklist-item{padding:14px}.checklist-item h3{font-size:15px}.checklist-item p{font-size:13px}.checklist-item .service-icon{width:45px;height:45px}.checklist-item .service-icon i{font-size:18px}.affiliate-box{padding:12px}.affiliate-link-btn{padding:10px 16px;font-size:13px}}.operator-info{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.operator-card{display:flex;align-items:flex-start;gap:16px;padding:20px;background:linear-gradient(135deg,#fdf2f8,#f3e8ff);border-radius:16px;border:1px solid var(--brand)}.operator-icon{flex-shrink:0;width:60px;height:60px;background:linear-gradient(135deg,var(--brand),var(--primary-color));border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:24px}.operator-details h4{color:var(--brand);margin-bottom:8px;font-size:18px}.operator-details p{margin:4px 0;color:#666;font-size:14px;line-height:1.5}.validation-criteria{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.criteria-item{padding:20px;background:white;border-radius:12px;border-left:4px solid var(--brand);box-shadow:0 2px 10px rgba(0,0,0,0.1);transition:transform 0.3s ease}.criteria-item:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(0,0,0,0.15)}.criteria-item h4{color:var(--brand);margin-bottom:12px;font-size:16px;display:flex;align-items:center;gap:8px}.criteria-item p{color:#666;font-size:14px;line-height:1.6;margin:0}@media(max-width:768px){.operator-info{grid-template-columns:1fr;gap:16px}.operator-card{padding:16px}.operator-icon{width:50px;height:50px;font-size:20px}.validation-criteria{grid-template-columns:1fr;gap:16px}.criteria-item{padding:16px}}.item-actions{margin-top:16px;padding-top:12px;border-top:1px solid #f0f0f0;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px}.btn-link{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:linear-gradient(135deg,#ff6b35,#f7931e);color:white;text-decoration:none;border-radius:20px;font-size:13px;font-weight:600;transition:var(--transition);box-shadow:0 2px 8px rgba(255,107,53,0.3)}.btn-link:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,107,53,0.4);text-decoration:none;color:white}.affiliate-link{background:linear-gradient(135deg,#4285f4,#34a853)}.affiliate-link:hover{box-shadow:0 4px 12px rgba(66,133,244,0.4)}.price-info{font-size:12px;color:#666;font-weight:500;background:#f8f9fa;padding:4px 8px;border-radius:12px;border:1px solid #e9ecef}@media(max-width:768px){.item-actions{flex-direction:column;align-items:stretch;gap:12px}.btn-link{justify-content:center;padding:10px 16px}.price-info{text-align:center;padding:8px 12px}}.pregnancy-section{background:linear-gradient(135deg,#fff8f0 0%,#ffe4e1 100%);padding:80px 0}.pregnancy-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin:30px 0}.tab-btn{padding:12px 24px;border:2px solid var(--primary-color);background:white;color:var(--primary-color);border-radius:25px;cursor:pointer;font-weight:500;transition:var(--transition)}.tab-btn:hover{background:var(--primary-color);color:white;transform:translateY(-2px)}.tab-btn.active{background:var(--gradient);color:white;border-color:transparent;box-shadow:0 5px 15px rgba(255,154,162,0.3)}.vaccination-section{padding:80px 0;background:#f9fafb}.vaccination-timeline{display:grid;gap:30px;margin:40px 0}.vaccination-row{background:#fff;border-radius:16px;box-shadow:0 10px 24px rgba(0,0,0,0.07);padding:16px 20px;margin-bottom:16px;display:flex;gap:16px;align-items:flex-start}.vaccination-row.highlight{border:2px solid var(--brand);box-shadow:0 12px 28px rgba(255,142,142,.25)}.vaccine-age{min-width:80px;font-weight:700;color:#111;font-size:0.95rem;background:#fff5f5;border-radius:10px;padding:8px 10px;text-align:center;line-height:1.3;border:1px solid rgba(255,142,142,.3)}.vaccine-list{list-style:none;padding:0;margin:0;font-size:0.9rem;color:#444}.vaccine-list li{margin-bottom:6px;line-height:1.4}.vaccine-list li strong{display:block;font-weight:600;color:#000}.vaccination-disclaimer{font-size:0.8rem;color:#666;line-height:1.4;background:#fff3cd;border-left:4px solid #ffc107;border-radius:8px;padding:12px 14px;margin-top:20px}.vaccination-note{background:#fff3cd;border-left:5px solid #ffc107;padding:25px;border-radius:12px;margin:40px 0}.vaccination-note h4{color:#856404;margin-bottom:15px;display:flex;align-items:center;gap:10px}.vaccination-note ul{list-style:none;padding:0}.vaccination-note li{padding:8px 0;padding-left:25px;position:relative;color:#856404}.vaccination-note li::before{content:'✓';position:absolute;left:0;color:#ffc107;font-weight:bold}.vaccination-links{display:flex;gap:15px;justify-content:center;flex-wrap:wrap;margin-top:40px}.newborn-care-section{margin-top:60px;padding:40px 0;border-top:3px solid var(--primary-color)}.care-category{margin-bottom:50px}.care-category h3{font-size:1.8rem;color:var(--primary-color);text-align:center;margin-bottom:30px;position:relative;padding-bottom:15px}.care-category h3::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:var(--gradient);border-radius:2px}.newborn-care-card{height:100%}.newborn-care-card h4{font-size:1.3rem;color:var(--dark-color);margin-top:15px}.care-list{list-style:none;padding:0;margin-top:15px}.care-list li{padding:10px 0;padding-left:25px;position:relative;color:var(--gray-color);border-bottom:1px solid #f3f4f6}.care-list li:last-child{border-bottom:none}.care-list li::before{content:'▸';position:absolute;left:0;color:var(--primary-color);font-weight:bold}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reviews{padding:80px 0;background:linear-gradient(135deg,#f8f9fa 0%,#ffffff 100%)}.reviews-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin:40px 0}.review-card{background:white;border-radius:16px;padding:30px;box-shadow:0 4px 15px rgba(0,0,0,0.08);transition:var(--transition);border-left:4px solid var(--primary-color)}.review-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px rgba(0,0,0,0.15)}.review-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #f0f0f0}.reviewer-info{display:flex;gap:15px;align-items:center}.reviewer-avatar{width:50px;height:50px;background:var(--gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:white;font-size:2rem}.reviewer-details h4{margin:0;font-size:1.1rem;color:var(--dark-color)}.reviewer-details p{margin:5px 0 0 0;font-size:0.9rem;color:var(--gray-color)}.review-rating{font-size:1.2rem;color:#ffc107}.review-content{margin:20px 0;line-height:1.8}.review-content p{color:#555;font-size:1rem;margin:0}.review-footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;padding-top:15px;border-top:1px solid #f0f0f0}.review-date{font-size:0.9rem;color:var(--gray-color)}.review-tag{font-size:0.85rem;color:var(--primary-color);background:#fff0f3;padding:5px 12px;border-radius:20px}.review-cta{text-align:center;margin-top:50px;padding:40px;background:linear-gradient(135deg,#fff8f0,#ffe4e1);border-radius:16px}.review-cta p{font-size:1.2rem;color:var(--dark-color);margin-bottom:20px;font-weight:500}@media(max-width:768px){.pregnancy-tabs{flex-direction:column;align-items:stretch}.tab-btn{width:100%;text-align:center}.vaccination-card{padding:20px}.vaccination-age{flex-direction:column;align-items:flex-start}.vaccination-links{flex-direction:column}.vaccination-links .btn{width:100%;justify-content:center}.care-category h3{font-size:1.5rem}.newborn-care-card h4{font-size:1.1rem}.care-list li{font-size:0.9rem}.reviews-grid{grid-template-columns:1fr;gap:20px}.review-card{padding:20px}.reviewer-avatar{width:40px;height:40px;font-size:1.5rem}.review-footer{flex-direction:column;align-items:flex-start;gap:10px}}.source-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;margin:30px 0}.source-item{display:flex;gap:15px;padding:20px;background:white;border-radius:12px;border-left:4px solid var(--primary-color);box-shadow:0 2px 10px rgba(0,0,0,0.08);transition:var(--transition)}.source-item:hover{transform:translateY(-3px);box-shadow:0 4px 15px rgba(0,0,0,0.12)}.source-icon{flex-shrink:0;width:50px;height:50px;background:var(--gradient);border-radius:12px;display:flex;align-items:center;justify-content:center;color:white;font-size:1.5rem}.source-content{flex:1}.source-content h4{margin:0 0 8px 0;font-size:1.1rem;color:var(--dark-color)}.source-content p{margin:5px 0;font-size:0.9rem;color:var(--gray-color)}.source-content a{display:inline-block;margin-top:8px;color:var(--primary-color);text-decoration:none;font-size:0.85rem;transition:color 0.3s ease}.source-content a:hover{color:var(--primary-dark);text-decoration:underline}.source-tag{display:inline-block;margin-top:10px;padding:4px 12px;background:#fff0f3;color:var(--primary-color);font-size:0.75rem;border-radius:12px;font-weight:600}.source-note{margin-top:40px;padding:20px;background:#e3f2fd;border-left:5px solid #2196f3;border-radius:12px}.source-note p{margin:0;color:#1565c0;font-size:0.95rem;line-height:1.6}@media(max-width:768px){.source-list{grid-template-columns:1fr;gap:15px}.source-item{padding:15px}.source-icon{width:40px;height:40px;font-size:1.2rem}}.affiliate-box{background:#fff8f2;border:1px solid rgba(255,142,142,0.4);border-radius:12px;padding:12px;margin-top:12px;font-size:0.8rem;line-height:1.4;color:#333}.affiliate-headline{font-weight:700;color:#d12;display:inline-block;background:#fff;border:1px solid #d12;border-radius:6px;padding:2px 6px;font-size:0.7rem;margin-right:6px}.affiliate-desc{display:block;font-weight:500;color:#444;margin-top:4px;font-size:0.75rem;line-height:1.5}.affiliate-buttons{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.affiliate-link-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--brand,#ff8e8e);color:#fff;border-radius:10px;padding:8px 12px;font-size:0.8rem;font-weight:600;text-decoration:none;line-height:1.2;box-shadow:0 6px 16px rgba(255,142,142,0.4);transition:var(--transition)}.affiliate-link-btn:hover,.affiliate-link-btn:focus{box-shadow:0 8px 20px rgba(255,142,142,0.55);transform:translateY(-1px);color:#fff}.affiliate-price-note{font-size:0.75rem;color:#666;line-height:1.3;margin-top:8px}.affiliate-price-note strong{font-weight:600;color:#000}.checklist-info-bar{background:#e3f2fd;padding:12px;border-radius:var(--border-radius);margin-bottom:20px;font-size:0.9rem;color:#1976d2;display:flex;align-items:center;gap:8px;box-shadow:0 2px 8px rgba(25,118,210,0.1)}.checklist-info-bar i{font-size:1.1rem}.checklist-item{position:relative;transition:var(--transition)}.checkbox-wrapper{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.checkbox-wrapper input[type="checkbox"]{width:16px;height:16px;cursor:pointer;accent-color:var(--brand);border:2px solid #ddd;border-radius:3px;transition:all 0.2s ease}.checkbox-wrapper input[type="checkbox"]:hover{border-color:var(--brand);transform:scale(1.1)}.checkbox-wrapper input[type="checkbox"]:checked{background-color:var(--brand)}.checklist-item.done{opacity:.5;text-decoration:line-through}@media(max-width:768px){.checkbox-wrapper{top:12px;right:12px}.checkbox-wrapper input[type="checkbox"]{width:14px;height:14px}.checklist-info-bar{font-size:0.85rem;padding:10px}}.age-theme-0-6{background:var(--age-0-6-bg)!important;border-color:var(--age-0-6-border)!important}.age-theme-0-6 .service-icon{background:linear-gradient(135deg,var(--age-0-6-icon),var(--age-0-6-border))!important}.age-theme-0-6::before{background:var(--age-0-6-icon)!important}.age-theme-7-12{background:var(--age-7-12-bg)!important;border-color:var(--age-7-12-border)!important}.age-theme-7-12 .service-icon{background:linear-gradient(135deg,var(--age-7-12-icon),var(--age-7-12-border))!important}.age-theme-7-12::before{background:var(--age-7-12-icon)!important}.age-theme-13-24{background:var(--age-13-24-bg)!important;border-color:var(--age-13-24-border)!important}.age-theme-13-24 .service-icon{background:linear-gradient(135deg,var(--age-13-24-icon),var(--age-13-24-border))!important}.age-theme-13-24::before{background:var(--age-13-24-icon)!important}.age-theme-25-36{background:var(--age-25-36-bg)!important;border-color:var(--age-25-36-border)!important}.age-theme-25-36 .service-icon{background:linear-gradient(135deg,var(--age-25-36-icon),var(--age-25-36-border))!important}.age-theme-25-36::before{background:var(--age-25-36-icon)!important}.checklist-header.age-theme-0-6{background:linear-gradient(135deg,var(--age-0-6-bg),var(--age-0-6-border))!important;border-color:var(--age-0-6-icon)!important}.checklist-header.age-theme-7-12{background:linear-gradient(135deg,var(--age-7-12-bg),var(--age-7-12-border))!important;border-color:var(--age-7-12-icon)!important}.checklist-header.age-theme-13-24{background:linear-gradient(135deg,var(--age-13-24-bg),var(--age-13-24-border))!important;border-color:var(--age-13-24-icon)!important}.checklist-header.age-theme-25-36{background:linear-gradient(135deg,var(--age-25-36-bg),var(--age-25-36-border))!important;border-color:var(--age-25-36-icon)!important}.typing-indicator{display:inline-block;color:#666;font-style:italic}.typing-indicator .dots{display:inline-block;animation:typing-dots 1.4s infinite}@keyframes typing-dots{0%,20%{content:'.'}40%{content:'..'}60%,100%{content:'...'}}.chat-messages .message{animation:fadeInUp 0.3s ease}@keyframes fadeInUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.chat-messages .message.bot{background:#f5f5f5;padding:10px 12px;border-radius:12px;border-left:3px solid #6ec6ca}.chat-messages .message.user{background:#e3f2fd;padding:10px 12px;border-radius:12px;border-right:3px solid #FF8E8E;text-align:right}.service-card.expandable h3{cursor:pointer;user-select:none;display:flex;align-items:center;justify-content:space-between;transition:color 0.3s ease}.service-card.expandable h3:hover{color:var(--primary-color)}.expand-icon{font-size:0.8em;transition:transform 0.3s ease;margin-left:8px}.service-details{margin-top:20px;padding-top:20px;border-top:2px dashed #e0e0e0;animation:slideDown 0.3s ease}@keyframes slideDown{from{opacity:0;max-height:0;overflow:hidden}to{opacity:1;max-height:2000px}}.service-details h4{color:var(--dark-color);margin:20px 0 10px 0;font-size:1.1rem;font-weight:600}.service-details h4:first-child{margin-top:0}.service-details ul{list-style:none;padding:0;margin:10px 0}.service-details ul li{padding:8px 0 8px 24px;position:relative;line-height:1.6;color:#555}.service-details ul li::before{content:"✓";position:absolute;left:0;color:var(--primary-color);font-weight:bold}.service-details ul li strong{color:var(--dark-color);font-weight:600}.congratulations-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);backdrop-filter:blur(5px);display:flex;align-items:center;justify-content:center;z-index:10000;opacity:0;transition:opacity 0.3s ease}.congratulations-modal.show{opacity:1}.congratulations-content{position:relative;background:linear-gradient(135deg,#fff5f7,#f8f9ff);border-radius:24px;padding:48px 40px;max-width:500px;width:90%;box-shadow:0 20px 60px rgba(0,0,0,0.3);text-align:center;transform:scale(0.7);opacity:0;transition:all 0.3s cubic-bezier(0.68,-0.55,0.27,1.55);overflow:hidden}.congratulations-modal.show .congratulations-content{transform:scale(1);opacity:1}.confetti-container{position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;pointer-events:none}.confetti{position:absolute;width:10px;height:10px;top:-20px;opacity:0;animation:confetti-fall linear infinite}.confetti-emoji{width:auto;height:auto;font-size:24px;background-color:transparent !important}@keyframes confetti-fall{0%{top:-10%;opacity:1;transform:translateX(0)rotateZ(0deg)}100%{top:110%;opacity:0.5;transform:translateX(20px)rotateZ(360deg)}}.congratulations-icon{font-size:80px;margin-bottom:20px;animation:bounce 1s ease infinite}@keyframes bounce{0%,100%{transform:translateY(0)}50%{transform:translateY(-20px)}}.congratulations-content h2{color:var(--primary-color);font-size:32px;margin-bottom:16px;font-weight:700}.congrats-message{font-size:18px;color:var(--dark-color);margin-bottom:16px;line-height:1.6}.congrats-message strong{color:var(--primary-color);font-weight:700}.congrats-sub-message{font-size:16px;color:var(--gray-color);margin-bottom:32px;line-height:1.8}.congrats-close-btn{background:var(--gradient);color:white;border:none;padding:16px 40px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 4px 15px rgba(255,154,162,0.4);display:inline-flex;align-items:center;gap:8px}.congrats-close-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,154,162,0.5)}.congrats-close-btn:active{transform:translateY(0)}@media(max-width:768px){.congratulations-content{padding:32px 24px;max-width:90%}.congratulations-icon{font-size:64px}.congratulations-content h2{font-size:24px}.congrats-message{font-size:16px}.congrats-sub-message{font-size:14px}.congrats-close-btn{padding:14px 32px;font-size:15px}}.growth-input-card{background:linear-gradient(135deg,#fff8f0,#ffe8f0);padding:24px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:32px;border:2px solid var(--primary-color)}.growth-input-card h3{color:var(--primary-color);margin-bottom:20px;font-size:1.25rem;display:flex;align-items:center;gap:8px}.growth-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.growth-form .form-group{display:flex;flex-direction:column}.growth-form label{font-weight:600;margin-bottom:8px;color:#333;font-size:0.9rem}.growth-form select,.growth-form input[type="number"]{padding:12px;border:2px solid #e5e7eb;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);font-family:inherit}.growth-form select:focus,.growth-form input[type="number"]:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(255,154,162,0.1)}.growth-chart-container{background:white;padding:24px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:32px}.chart-tabs{display:flex;gap:12px;margin-bottom:24px;border-bottom:2px solid #f3f4f6}.chart-tab{padding:12px 24px;border:none;background:transparent;color:#6b7280;font-size:1rem;font-weight:600;cursor:pointer;border-bottom:3px solid transparent;transition:var(--transition);display:flex;align-items:center;gap:8px}.chart-tab:hover{color:var(--primary-color);background:rgba(255,154,162,0.05)}.chart-tab.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background:rgba(255,154,162,0.1)}.chart-wrapper{position:relative;height:400px;margin-bottom:20px}.chart-wrapper canvas{max-height:400px}.chart-info{background:#f0f9ff;padding:16px;border-radius:12px;border-left:4px solid #0ea5e9}.chart-info p{margin:8px 0;color:#0369a1;font-size:0.9rem;display:flex;align-items:flex-start;gap:8px}.chart-info i{margin-top:2px}.growth-data-list{background:white;padding:24px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08)}.growth-data-list h3{color:var(--primary-color);margin-bottom:20px;font-size:1.25rem;display:flex;align-items:center;gap:8px}.saved-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.no-data{grid-column:1 / -1;text-align:center;padding:40px 20px;color:#9ca3af;font-style:italic}.growth-record-card{background:linear-gradient(135deg,#fdf2f8,#f3e8ff);padding:16px;border-radius:12px;border:2px solid #e9d5ff;transition:var(--transition)}.growth-record-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(168,85,247,0.15);border-color:#c084fc}.record-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.record-month{font-weight:700;color:var(--primary-color);font-size:1.1rem;background:white;padding:4px 12px;border-radius:20px}.delete-record-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:1.2rem;padding:4px 8px;border-radius:4px;transition:all 0.2s ease}.delete-record-btn:hover{background:rgba(239,68,68,0.1);transform:scale(1.1)}.record-details{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.record-item{display:flex;align-items:center;gap:8px;color:#374151;font-size:0.95rem}.record-item i{color:var(--primary-color);width:20px}.record-date{font-size:0.85rem;color:#9ca3af;text-align:right;font-style:italic}@media(max-width:768px){.growth-input-card{padding:16px}.growth-form .form-row{grid-template-columns:1fr}.chart-wrapper{height:300px}.chart-wrapper canvas{max-height:300px}.chart-tabs{flex-direction:column;gap:0;border-bottom:none}.chart-tab{border-bottom:1px solid #f3f4f6;border-left:3px solid transparent;padding:12px 16px}.chart-tab.active{border-left-color:var(--primary-color);border-bottom-color:#f3f4f6}.saved-data-grid{grid-template-columns:1fr}.growth-chart-container,.growth-data-list{padding:16px}}.vaccine-filters{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:32px}.vaccine-filter-btn{padding:12px 24px;border:2px solid #0ea5e9;background:white;color:#0ea5e9;border-radius:24px;cursor:pointer;font-size:1rem;font-weight:600;transition:var(--transition);box-shadow:0 2px 8px rgba(14,165,233,0.1)}.vaccine-filter-btn:hover{background:#e0f2fe;transform:translateY(-2px);box-shadow:0 4px 12px rgba(14,165,233,0.2)}.vaccine-filter-btn.active{background:linear-gradient(135deg,#0ea5e9,#0284c7);color:white;border-color:transparent;box-shadow:0 4px 15px rgba(14,165,233,0.3)}.vaccine-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px;margin-bottom:32px}.vaccine-card{background:white;border-radius:16px;padding:20px;box-shadow:0 4px 12px rgba(0,0,0,0.08);transition:var(--transition);border:2px solid #e5e7eb}.vaccine-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(0,0,0,0.12);border-color:#0ea5e9}.vaccine-card.completed{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-color:#22c55e;opacity:0.95}.vaccine-card.completed .vaccine-name{text-decoration:line-through;color:#16a34a}.vaccine-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.vaccine-checkbox-wrapper{flex-shrink:0;position:relative;width:24px;height:24px;margin-top:4px}.vaccine-checkbox{width:24px;height:24px;cursor:pointer;accent-color:#0ea5e9;border:2px solid #d1d5db;border-radius:6px;transition:all 0.2s ease}.vaccine-checkbox:hover{border-color:#0ea5e9;transform:scale(1.1)}.vaccine-checkbox:checked{background-color:#22c55e;border-color:#22c55e}.vaccine-checkbox-label{position:absolute;top:0;left:0;width:24px;height:24px;cursor:pointer}.vaccine-info{flex:1}.vaccine-name{font-size:1.1rem;font-weight:700;color:#111827;margin-bottom:8px;line-height:1.3}.vaccine-type{display:inline-block;padding:4px 12px;border-radius:12px;font-size:0.8rem;font-weight:600;margin-top:4px}.vaccine-type.required{background:#fef3c7;color:#92400e;border:1px solid #fbbf24}.vaccine-type.optional{background:#e0f2fe;color:#075985;border:1px solid #0ea5e9}.vaccine-details{display:flex;flex-direction:column;gap:10px;margin-top:12px;padding-top:12px;border-top:1px solid #e5e7eb}.vaccine-detail-item{display:flex;align-items:flex-start;gap:10px;color:#4b5563;font-size:0.9rem;line-height:1.5}.vaccine-detail-item i{color:#0ea5e9;width:18px;flex-shrink:0;margin-top:2px}.vaccine-progress-card{background:linear-gradient(135deg,#fff8f0,#ffe8f0);padding:28px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);border:2px solid var(--primary-color);margin-top:32px}.vaccine-progress-card h3{color:var(--primary-color);margin-bottom:24px;font-size:1.3rem;display:flex;align-items:center;gap:10px}.progress-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:20px;margin-bottom:24px}.progress-stat{background:white;padding:16px;border-radius:12px;text-align:center;box-shadow:0 2px 8px rgba(0,0,0,0.06);border:1px solid #f3f4f6}.stat-value{font-size:2rem;font-weight:700;color:var(--primary-color);margin-bottom:8px}.stat-label{font-size:0.9rem;color:#6b7280;font-weight:500}.progress-bar-container{width:100%;height:32px;background:#e5e7eb;border-radius:16px;overflow:hidden;position:relative;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.progress-bar-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:16px;transition:width 0.5s ease-in-out;display:flex;align-items:center;justify-content:center;position:relative;min-width:40px;box-shadow:0 2px 8px rgba(16,185,129,0.3)}.vaccine-notice{background:#fff3cd;border-left:5px solid #ffc107;padding:20px;border-radius:12px;margin-top:32px;box-shadow:0 2px 8px rgba(255,193,7,0.15)}.vaccine-notice h4{color:#856404;margin-bottom:12px;display:flex;align-items:center;gap:10px;font-size:1.1rem}.vaccine-notice ul{list-style:none;padding:0;margin:0}.vaccine-notice li{padding:8px 0;padding-left:28px;position:relative;color:#856404;line-height:1.6}.vaccine-notice li::before{content:'✓';position:absolute;left:0;color:#ffc107;font-weight:bold;font-size:1.2rem}@media(max-width:768px){.vaccine-filters{flex-direction:column;gap:8px}.vaccine-filter-btn{width:100%;text-align:center;padding:14px 20px}.vaccine-grid{grid-template-columns:1fr;gap:16px}.vaccine-card{padding:16px}.vaccine-name{font-size:1rem}.vaccine-detail-item{font-size:0.85rem}.vaccine-progress-card{padding:20px}.vaccine-progress-card h3{font-size:1.1rem}.progress-stats-grid{grid-template-columns:repeat(2,1fr);gap:12px}.progress-stat{padding:12px}.stat-value{font-size:1.6rem}.stat-label{font-size:0.85rem}.progress-bar-container{height:28px}.vaccine-notice{padding:16px}.vaccine-notice h4{font-size:1rem}.vaccine-notice li{font-size:0.9rem;padding-left:24px}}.diary-input-card{background:linear-gradient(135deg,#fef3f7,#fff8f3);padding:24px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:32px;border:2px solid #f472b6}.diary-input-card h3{color:#ec4899;margin-bottom:20px;font-size:1.25rem;display:flex;align-items:center;gap:8px}.diary-form .form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:20px}.diary-form .form-group-full{grid-column:1 / -1}.diary-form .form-group{display:flex;flex-direction:column}.diary-form label{font-weight:600;margin-bottom:8px;color:#333;font-size:0.9rem}.diary-form input[type="text"],.diary-form input[type="date"],.diary-form input[type="number"],.diary-form select,.diary-form textarea{padding:12px;border:2px solid #e5e7eb;border-radius:var(--border-radius);font-size:1rem;transition:var(--transition);font-family:inherit}.diary-form input[type="text"]:focus,.diary-form input[type="date"]:focus,.diary-form input[type="number"]:focus,.diary-form select:focus,.diary-form textarea:focus{outline:none;border-color:#ec4899;box-shadow:0 0 0 3px rgba(236,72,153,0.1)}.diary-form textarea{resize:vertical;min-height:100px}.diary-list-container{background:white;padding:24px;border-radius:16px;box-shadow:0 4px 12px rgba(0,0,0,0.08);margin-bottom:32px}.diary-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.diary-list-header h3{color:#ec4899;margin:0;font-size:1.25rem;display:flex;align-items:center;gap:8px}.btn-sm{padding:8px 16px;font-size:0.9rem}.diary-entries-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:20px}.no-diary-entries{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#9ca3af}.no-data-icon{font-size:4rem;margin-bottom:16px;opacity:0.5}.no-diary-entries p{margin:8px 0;font-size:1.1rem}.diary-entry-card{background:linear-gradient(135deg,#fefcff,#fef8fa);border:2px solid #fce7f3;border-radius:16px;padding:20px;transition:var(--transition);position:relative;overflow:hidden}.diary-entry-card::before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(135deg,#ec4899,#f472b6)}.diary-entry-card:hover{transform:translateY(-3px);box-shadow:0 6px 20px rgba(236,72,153,0.15);border-color:#f9a8d4}.diary-entry-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid #fce7f3}.diary-entry-date{flex:1}.diary-date-primary{font-size:1rem;font-weight:700;color:#1f2937;margin-bottom:4px}.diary-date-relative{font-size:0.85rem;color:#9ca3af;font-style:italic}.delete-diary-btn{background:transparent;border:none;color:#ef4444;cursor:pointer;font-size:1.1rem;padding:4px 8px;border-radius:6px;transition:all 0.2s ease;flex-shrink:0}.delete-diary-btn:hover{background:rgba(239,68,68,0.1);transform:scale(1.15)}.diary-entry-milestone{font-size:1.1rem;color:#1f2937;margin-bottom:12px;line-height:1.5;display:flex;align-items:flex-start;gap:8px}.diary-entry-milestone i{margin-top:3px;flex-shrink:0}.diary-entry-stats{display:flex;align-items:center;gap:8px;color:#6b7280;font-size:0.9rem;margin-bottom:12px;padding:8px 12px;background:rgba(236,72,153,0.05);border-radius:var(--border-radius)}.diary-entry-stats i{flex-shrink:0}.diary-entry-note{color:#4b5563;font-size:0.95rem;line-height:1.6;margin-bottom:12px;padding:12px;background:#f9fafb;border-radius:var(--border-radius);border-left:3px solid #ec4899}.diary-entry-footer{display:flex;justify-content:flex-end;padding-top:8px;border-top:1px solid #fce7f3}.diary-entry-footer small{color:#9ca3af;font-size:0.8rem;display:flex;align-items:center;gap:4px}@media(max-width:768px){.diary-input-card{padding:16px}.diary-form .form-row{grid-template-columns:1fr}.diary-list-container{padding:16px}.diary-list-header{flex-direction:column;align-items:flex-start;gap:12px}.diary-list-header h3{font-size:1.1rem}.btn-sm{width:100%;justify-content:center}.diary-entries-grid{grid-template-columns:1fr;gap:16px}.diary-entry-card{padding:16px}.diary-date-primary{font-size:0.95rem}.diary-entry-milestone{font-size:1rem}.diary-entry-stats{font-size:0.85rem}.diary-entry-note{font-size:0.9rem}.no-diary-entries{padding:40px 16px}.no-data-icon{font-size:3rem}}.timer-tabs{display:flex;gap:12px;margin-bottom:32px;background:rgba(255,255,255,0.9);padding:8px;border-radius:16px;box-shadow:0 2px 12px rgba(0,0,0,0.08)}.timer-tab{flex:1;padding:14px 20px;border:none;background:transparent;color:#6b7280;font-size:1rem;font-weight:500;border-radius:12px;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:8px}.timer-tab:hover{background:rgba(16,185,129,0.1);color:#10b981}.timer-tab.active{background:linear-gradient(135deg,#10b981,#34d399);color:white;box-shadow:0 4px 12px rgba(16,185,129,0.3)}.timer-content{display:none}.timer-content.active{display:block;animation:fadeIn 0.4s ease-in-out}.timer-card{background:white;padding:32px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #f3f4f6}.timer-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.timer-header h3{font-size:1.4rem;color:#1f2937;display:flex;align-items:center;gap:10px}.feeding-type-selector,.meal-type-selector{display:flex;gap:16px;margin-bottom:24px}.radio-label{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:var(--transition);font-weight:500}.radio-label:hover{background:#f3f4f6;border-color:#10b981}.radio-label input[type="radio"]{display:none}.radio-label input[type="radio"]:checked+span{color:#10b981}.radio-label:has(input[type="radio"]:checked){background:linear-gradient(135deg,#d1fae5,#a7f3d0);border-color:#10b981;box-shadow:0 2px 8px rgba(16,185,129,0.2)}.timer-display{display:flex;justify-content:center;align-items:center;padding:40px 0;margin:24px 0}.timer-circle{width:220px;height:220px;background:linear-gradient(135deg,#e0f2fe,#f0f9ff);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,0.1);border:6px solid #fff;position:relative}.timer-circle::before{content:'';position:absolute;inset:-10px;border-radius:50%;background:conic-gradient(from 0deg,#10b981,#34d399,#6ee7b7,#10b981);opacity:0.2;z-index:-1}.timer-time{font-size:3rem;font-weight:700;color:#1f2937;font-family:'Courier New',monospace;letter-spacing:2px}.timer-label{font-size:0.9rem;color:#6b7280;margin-top:8px;font-weight:500}.timer-controls{display:flex;gap:12px;justify-content:center;margin:24px 0}.btn-lg{padding:14px 28px;font-size:1.05rem;min-width:140px;display:inline-flex;align-items:center;gap:8px;justify-content:center}.btn-success{background:linear-gradient(135deg,#10b981,#34d399);color:white}.btn-success:hover{background:linear-gradient(135deg,#059669,#10b981);transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,0.3)}.btn-warning{background:linear-gradient(135deg,#f59e0b,#fbbf24);color:white}.btn-warning:hover{background:linear-gradient(135deg,#d97706,#f59e0b);transform:translateY(-2px);box-shadow:0 6px 20px rgba(245,158,11,0.3)}.btn-danger{background:linear-gradient(135deg,#ef4444,#f87171);color:white}.btn-danger:hover{background:linear-gradient(135deg,#dc2626,#ef4444);transform:translateY(-2px);box-shadow:0 6px 20px rgba(239,68,68,0.3)}.feeding-amount,.meal-details{margin:20px 0;padding:20px;background:#f9fafb;border-radius:12px;border:1px solid #e5e7eb}.feeding-amount label,.meal-details label{display:block;font-weight:600;color:#374151;margin-bottom:8px;font-size:0.95rem}.feeding-amount input,.meal-details input,.meal-details select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:var(--transition);background:white}.feeding-amount input:focus,.meal-details input:focus,.meal-details select:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.1)}.meal-type-selector{margin-bottom:20px}.meal-type-selector label{display:block;font-weight:600;color:#374151;margin-bottom:8px}.meal-type-selector select{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;background:white;cursor:pointer}.timer-note{margin-top:20px}.timer-note label{display:block;font-weight:600;color:#374151;margin-bottom:8px}.timer-note textarea{width:100%;padding:12px 16px;border:2px solid #e5e7eb;border-radius:10px;font-size:0.95rem;font-family:inherit;resize:vertical;transition:var(--transition)}.timer-note textarea:focus{outline:none;border-color:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,0.1)}.history-card{background:white;padding:32px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #f3f4f6}.history-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:2px solid #f3f4f6}.history-header h3{font-size:1.4rem;color:#1f2937;display:flex;align-items:center;gap:10px}.history-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:20px;margin-bottom:32px}.stat-box{background:linear-gradient(135deg,#f9fafb,#ffffff);padding:20px;border-radius:16px;display:flex;align-items:center;gap:16px;border:2px solid #f3f4f6;transition:var(--transition)}.stat-box:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,0.08);border-color:#10b981}.stat-icon{font-size:2.5rem}.stat-info{flex:1}.history-list{max-height:500px;overflow-y:auto;padding-right:8px}.history-item{background:#f9fafb;padding:20px;border-radius:12px;margin-bottom:12px;border-left:4px solid #10b981;transition:var(--transition)}.history-item:hover{background:#f3f4f6;transform:translateX(4px)}.history-item-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.history-item-type{font-weight:600;color:#1f2937;font-size:1.05rem;display:flex;align-items:center;gap:8px}.history-item-time{color:#6b7280;font-size:0.9rem}.history-item-details{color:#4b5563;font-size:0.95rem;line-height:1.6}.history-item-note{margin-top:8px;padding:10px;background:white;border-radius:var(--border-radius);font-size:0.9rem;color:#6b7280;font-style:italic}.no-history{text-align:center;padding:60px 20px;color:#9ca3af}.no-history i{font-size:4rem;margin-bottom:16px;display:block;opacity:0.5}.bedtime-checklist-card{background:white;padding:32px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #f3f4f6;margin-bottom:32px}.checklist-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.checklist-item{position:relative}.checklist-item input[type="checkbox"]{display:none}.checklist-item label{display:flex;flex-direction:column;padding:20px;background:#f9fafb;border:2px solid #e5e7eb;border-radius:16px;cursor:pointer;transition:var(--transition);min-height:120px}.checklist-item label:hover{background:#f3f4f6;border-color:#a78bfa;transform:translateY(-2px);box-shadow:0 4px 12px rgba(167,139,250,0.2)}.checklist-item input:checked+label{background:linear-gradient(135deg,#f3e8ff,#fae8ff);border-color:#a78bfa;box-shadow:0 4px 16px rgba(167,139,250,0.3)}.checklist-item label i{font-size:2rem;color:#a78bfa;margin-bottom:12px}.check-title{font-size:1.1rem;font-weight:600;color:#1f2937;margin-bottom:8px;display:block}.check-desc{font-size:0.9rem;color:#6b7280;line-height:1.5;display:block}.checklist-item input:checked+label .check-title{color:#7c3aed}.checklist-item input:checked+label i{color:#7c3aed}.checklist-progress{margin:32px 0 24px}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-weight:600;color:#374151;font-size:1.05rem}.progress-bar{width:100%;height:32px;background:#e5e7eb;border-radius:16px;overflow:hidden;box-shadow:inset 0 2px 4px rgba(0,0,0,0.1)}.progress-fill{height:100%;background:linear-gradient(90deg,#a78bfa,#c4b5fd);border-radius:16px;transition:width 0.5s ease-in-out;display:flex;align-items:center;justify-content:center;color:white;font-weight:600;font-size:0.9rem}.bedtime-tips{background:white;padding:32px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,0.08);border:1px solid #f3f4f6}.bedtime-tips h3{font-size:1.5rem;color:#1f2937;margin-bottom:24px;display:flex;align-items:center;gap:12px}.tips-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.tip-card{background:linear-gradient(135deg,#faf5ff,#ffffff);padding:24px;border-radius:16px;border:2px solid #f3e8ff;transition:var(--transition)}.tip-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(167,139,250,0.2);border-color:#a78bfa}.tip-card i{font-size:2rem;color:#a78bfa;margin-bottom:12px;display:block}.tip-card h4{font-size:1.1rem;color:#1f2937;margin-bottom:8px;font-weight:600}.tip-card p{color:#6b7280;font-size:0.95rem;line-height:1.6;margin:0}@media(max-width:768px){.timer-tabs{flex-direction:column}.timer-tab{width:100%}.timer-circle{width:180px;height:180px}.timer-time{font-size:2.5rem}.timer-controls{flex-direction:column}.btn-lg{width:100%;min-width:auto}.history-stats{grid-template-columns:1fr}.checklist-grid{grid-template-columns:1fr}.tips-grid{grid-template-columns:1fr}.timer-card,.history-card,.bedtime-checklist-card,.bedtime-tips{padding:20px}}@keyframes fadeIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.update-date{font-size:0.85rem;color:#6b7280;margin-top:8px;display:flex;align-items:center;justify-content:center;gap:6px}.update-date i{color:#3b82f6;font-size:0.9rem}.flex-center{display:flex;justify-content:center;align-items:center}.flex-between{display:flex;justify-content:space-between;align-items:center}.text-center{text-align:center}.shadow{box-shadow:var(--shadow)}.shadow-hover:hover{box-shadow:var(--shadow-hover)}.rounded{border-radius:var(--border-radius)}.transition{transition:var(--transition)}