@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body.coloz-landing{color:#2d3436;background:#fffdf9;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}.landing-header{z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffdf9f2;border-bottom:1px solid #0000000d;justify-content:space-between;align-items:center;padding:16px 24px;display:flex;position:fixed;top:0;left:0;right:0}.landing-logo{background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 50%);-webkit-text-fill-color:transparent;letter-spacing:-1px;-webkit-background-clip:text;background-clip:text;font-size:24px;font-weight:700}.landing-nav{align-items:center;gap:16px;display:flex}.nav-link{color:#636e72;border-radius:20px;padding:8px 16px;font-size:13px;text-decoration:none;transition:all .2s}.nav-link:hover{color:#2d3436;background:#f5f5f5}.nav-link.primary{color:#fff;background:linear-gradient(135deg,#2d3436 0%,#4a5568 100%)}.nav-link.primary:hover{opacity:.9}.nav-user{background:#f5f5f5;border-radius:20px;align-items:center;gap:8px;padding:6px 14px;display:flex}.nav-user-avatar{color:#fff;background:linear-gradient(135deg,#ff6b9d,#f59e0b);border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:12px;font-weight:600;display:flex}.nav-user-name{color:#2d3436;font-size:13px;font-weight:500}.hero-section{justify-content:center;align-items:center;min-height:100vh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.hero-bg{z-index:0;background:radial-gradient(circle at 20% 20%,#ff6b9d1a 0%,#0000 50%),radial-gradient(circle at 80% 30%,#f59e0b1a 0%,#0000 50%),radial-gradient(circle at 60% 80%,#7dc4a71a 0%,#0000 50%),radial-gradient(circle at 30% 70%,#a77dc41a 0%,#0000 50%);position:absolute;inset:0}.hero-content{text-align:center;z-index:1;max-width:600px;position:relative}.hero-badge{color:#fff;background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 100%);border-radius:20px;margin-bottom:24px;padding:6px 16px;font-size:12px;font-weight:600;animation:2s infinite pulse;display:inline-block}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.hero-title{background:linear-gradient(135deg,#2d3436 0%,#4a5568 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:42px;font-weight:700;line-height:1.3}.hero-subtitle{color:#636e72;margin-bottom:32px;font-size:18px;line-height:1.6}.hero-cta{color:#fff;background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 100%);border-radius:30px;align-items:center;gap:8px;padding:16px 36px;font-size:16px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex;box-shadow:0 8px 30px #ff6b9d4d}.hero-cta:hover{transform:translateY(-3px);box-shadow:0 12px 40px #ff6b9d66}.hero-stats{justify-content:center;gap:32px;margin-top:40px;display:flex}.stat-item{text-align:center}.stat-value{color:#2d3436;font-size:24px;font-weight:700}.stat-label{color:#636e72;margin-top:4px;font-size:12px}.section{padding:80px 24px}.section-inner{max-width:1000px;margin:0 auto}.section-header{text-align:center;margin-bottom:48px}.section-title{color:#2d3436;margin-bottom:12px;font-size:32px;font-weight:700}.section-title .highlight{background:linear-gradient(135deg,#ff6b9d 0%,#f59e0b 50%,#7dc4a7 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.section-title .highlight-gold{color:#b8956b;font-weight:700}.section-desc{color:#636e72;font-size:16px}.steps-section{background:#fff}.steps-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-bottom:40px;display:flex}.step-dot{color:#fff;cursor:pointer;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;font-size:14px;font-weight:600;transition:all .3s;display:flex}.step-dot:hover{transform:scale(1.1)}.step-dot.s1{background:linear-gradient(135deg,#ff6b9d,#ff8b6a)}.step-dot.s2{background:linear-gradient(135deg,#ff8b6a,#f59e0b)}.step-dot.s3{background:linear-gradient(135deg,#c4a77d,#7dc4a7)}.step-dot.s4{background:linear-gradient(135deg,#7dc4a7,#7b8dd6)}.step-dot.s5{background:linear-gradient(135deg,#7b8dd6,#a77dc4)}.step-line{background:linear-gradient(90deg,#ddd,#ccc);border-radius:1px;width:40px;height:2px}.steps-grid{grid-template-columns:repeat(5,1fr);gap:16px;display:grid}.step-card{text-align:center;cursor:pointer;color:inherit;background:#fffdf9;border:2px solid #0000;border-radius:16px;padding:24px 16px;text-decoration:none;transition:all .3s;position:relative}.step-card:hover{transform:translateY(-8px);box-shadow:0 16px 40px #0000001a}.step-card.s1:hover{border-color:#ff6b9d}.step-card.s2:hover{border-color:#f59e0b}.step-card.s3:hover{border-color:#7dc4a7}.step-card.s4:hover{border-color:#00d9a5}.step-card.s5:hover{border-color:#a77dc4}.step-card.featured{background:linear-gradient(135deg,#fff5f7 0%,#fff0ed 100%);border:2px solid #ff6b9d;transform:scale(1.05);box-shadow:0 12px 40px #ff6b9d40}.step-card.featured:hover{transform:scale(1.05)translateY(-8px);box-shadow:0 20px 50px #ff6b9d59}.step-badge{color:#fff;letter-spacing:1px;background:linear-gradient(135deg,#ff6b9d 0%,#ff8b6a 100%);border-radius:12px;padding:5px 14px;font-size:10px;font-weight:700;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.step-name-big{color:#2d3436;letter-spacing:-.5px;margin-bottom:8px;font-size:26px;font-weight:700}.step-time-big{color:#ff6b9d;margin-bottom:14px;font-size:18px;font-weight:600}.step-num{letter-spacing:1px;margin-bottom:4px;font-size:11px;font-weight:600}.step-card.s1 .step-num{color:#ff6b9d}.step-card.s2 .step-num{color:#f59e0b}.step-card.s3 .step-num{color:#7dc4a7}.step-card.s4 .step-num{color:#7b8dd6}.step-card.s5 .step-num{color:#a77dc4}.step-name{margin-bottom:4px;font-size:15px;font-weight:600}.step-time{color:#636e72;margin-bottom:8px;font-size:12px}.step-desc{color:#888;font-size:11px;line-height:1.5}.steps-note{text-align:center;color:#636e72;margin-top:32px;font-size:14px}.mycoloz-section{background:linear-gradient(#fff 0%,#fffdf9 100%)}.mycoloz-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.mycoloz-feature{text-align:center;background:#fff;border:1px solid #f0f0f0;border-radius:16px;padding:28px 24px;box-shadow:0 4px 20px #0000000d}.mycoloz-feature-num{color:#b8956b;letter-spacing:-1px;margin-bottom:12px;font-family:Cormorant Garamond,Georgia,serif;font-size:32px;font-weight:300}.mycoloz-feature-title{color:#2d3436;margin-bottom:8px;font-size:17px;font-weight:600}.mycoloz-feature-desc{color:#636e72;font-size:13px;line-height:1.6}.plan-compare{grid-template-columns:1fr 1fr;gap:20px;max-width:600px;margin:0 auto;display:grid}.plan-card{text-align:center;background:#fff;border:2px solid #eee;border-radius:16px;padding:28px;transition:all .3s}.plan-card.premium{border-color:#d4af37;box-shadow:0 8px 30px #d4af3733}.plan-badge{border-radius:12px;margin-bottom:12px;padding:4px 12px;font-size:11px;font-weight:600;display:inline-block}.plan-card.free .plan-badge{color:#636e72;background:#f5f5f5}.plan-card.premium .plan-badge{color:#fff;background:linear-gradient(135deg,#d4af37,#f5d77a)}.plan-name{margin-bottom:8px;font-size:20px;font-weight:700}.plan-price{color:#636e72;margin-bottom:16px;font-size:14px}.plan-features{text-align:left;color:#636e72;font-size:13px;line-height:2}.plan-features li{padding-left:20px;list-style:none;position:relative}.plan-features li:before{content:"✓";color:#7dc4a7;position:absolute;left:0}.mycoloz-cta{text-align:center;margin-top:32px}.mycoloz-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#b8956b,#7dc4a7);border:none;border-radius:30px;align-items:center;gap:8px;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:600;transition:all .3s;display:inline-flex;box-shadow:0 8px 30px #b8956b4d}.mycoloz-cta-btn:hover{transform:translateY(-2px);box-shadow:0 12px 40px #b8956b66}.mycoloz-cta-note{color:#999;margin-top:10px;font-size:12px}.expert-section{color:#fff;background:#2d3436}.expert-section .section-title{color:#fff}.expert-section .section-desc{color:#ffffffb3}.consult-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:32px;display:grid}.consult-card{text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:16px;padding:28px;transition:all .3s;position:relative}.consult-card:hover{background:#ffffff1a;transform:translateY(-4px)}.consult-card.highlight{background:#d4af371a;border-color:#d4af37}.consult-name{margin-bottom:8px;font-size:18px;font-weight:600}.consult-price{color:#d4af37;margin-bottom:8px;font-size:24px;font-weight:700}.consult-time{color:#fff9;margin-bottom:12px;font-size:13px}.consult-features{color:#ffffff80;font-size:12px;line-height:1.8}.consult-badge{color:#fff;letter-spacing:.5px;background:linear-gradient(135deg,#8e44ad,#6b8dd6);border-radius:12px;padding:4px 14px;font-size:10px;font-weight:700;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.expert-cta{text-align:center}.expert-cta a{color:#2d3436;background:linear-gradient(135deg,#d4af37,#f5d77a);border-radius:30px;align-items:center;gap:8px;padding:14px 32px;font-size:15px;font-weight:600;text-decoration:none;transition:all .3s;display:inline-flex}.expert-cta a:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3766}.edu-section{background:#fffdf9}.edu-flow{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;margin-bottom:32px;display:flex}.edu-item{text-align:center;background:#fff;border-radius:12px;min-width:120px;padding:16px 20px;box-shadow:0 4px 15px #0000000d}.edu-level{margin-bottom:4px;font-size:14px;font-weight:600}.edu-price{color:#636e72;font-size:12px}.edu-arrow{color:#ddd;font-size:18px}.edu-cta{text-align:center}.edu-cta a{color:#fff;background:#2d3436;border-radius:24px;align-items:center;gap:8px;padding:12px 28px;font-size:14px;font-weight:500;text-decoration:none;transition:all .3s;display:inline-flex}.edu-cta a:hover{background:#4a5568}.landing-footer{color:#fff9;text-align:center;background:#2d3436;padding:40px 24px}.footer-logo{color:#fff;margin-bottom:8px;font-size:20px;font-weight:700}.footer-byline{margin-bottom:16px;font-size:12px}.footer-links{justify-content:center;gap:24px;margin-bottom:16px;display:flex}.footer-links a{color:#ffffff80;font-size:13px;text-decoration:none;transition:color .2s}.footer-links a:hover{color:#fff}.footer-copy{color:#ffffff4d;font-size:11px}@media (max-width:900px){.steps-grid{grid-template-columns:repeat(2,1fr)}.consult-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto 32px}}@media (max-width:700px){.hero-title{font-size:32px}.hero-subtitle{font-size:16px}.section-title{font-size:26px}.steps-grid{grid-template-columns:repeat(2,1fr)}.step-name-big{font-size:18px}.step-time-big{font-size:14px}.mycoloz-grid{grid-template-columns:1fr;max-width:350px;margin:0 auto 32px}.plan-compare{grid-template-columns:1fr;max-width:350px}.edu-flow{flex-direction:column}.edu-arrow{transform:rotate(90deg)}.landing-nav{display:none}}@media (max-width:500px){.hero-section{padding:100px 20px 60px}.hero-title{font-size:28px}.hero-stats{gap:20px}.stat-value{font-size:20px}.steps-grid{grid-template-columns:1fr}.steps-flow{display:none}}
