@import "https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@300;400&display=swap";
*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;overflow-x:hidden}body.coloz-step5{color:#2d3436;background:#f3f1ef}body.coloz-step5 .free-trial-banner{z-index:999;color:#fff;background:linear-gradient(90deg,#aa9b55 0%,#7dc4a7 100%);justify-content:center;align-items:center;gap:10px;height:38px;padding:8px 15px;font-size:12px;display:flex;position:fixed;top:46px;left:0;right:0}body.coloz-step5 .free-trial-banner .trial-text{font-weight:500}body.coloz-step5 .free-trial-banner .trial-link{color:#fff;background:#ffffff40;border-radius:15px;padding:4px 12px;font-size:11px;font-weight:600;text-decoration:none}body.coloz-step5 .btn{cursor:pointer;color:#2d3436;background:#fff;border:1px solid #2d3436;border-radius:30px;min-width:120px;padding:12px 28px;font-family:inherit;font-size:14px;font-weight:500;transition:all .2s}body.coloz-step5 .btn:hover{opacity:.85}body.coloz-step5 .btn:disabled{opacity:.5;cursor:not-allowed}body.coloz-step5 .btn.btn-accent{font-weight:600;color:#fff!important;background:linear-gradient(135deg,#ff6b9d 0%,#ff7b54 100%)!important;border:none!important}body.coloz-step5 .btn.btn-light{color:#636e72!important;background:#fff!important;border:1px solid #e5e5e5!important}body.coloz-step5 .btn.btn-small{min-width:80px;padding:8px 16px;font-size:12px}body.coloz-step5 .btn-group{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:24px;display:flex}body.coloz-step5 .bg-bubbles{display:none}body.coloz-step5 .page-footer{text-align:center;border-top:1px solid #e5e5e5;margin-top:32px;padding:24px 0 16px}body.coloz-step5 .footer-nav{flex-wrap:wrap;justify-content:center;gap:8px;margin-bottom:16px;display:flex}body.coloz-step5 .footer-nav-link{color:#636e72;background:#fff;border:none;border-radius:20px;padding:8px 14px;font-size:11px;font-weight:500;text-decoration:none;transition:all .2s}body.coloz-step5 .footer-nav-link:hover{color:#8e44ad}body.coloz-step5 .footer-brand{color:#636e72;margin-top:8px;font-size:13px}body.coloz-step5 .footer-brand .footer-logo{color:#b8956b;font-weight:600}body.coloz-step5 .page-container{z-index:1;justify-content:center;align-items:flex-start;min-height:100vh;padding:104px 20px 40px;display:flex;position:relative}body.coloz-step5 .card{background:#fff;border:1px solid #e5e5e5;border-radius:2px;width:100%;max-width:1000px;padding:40px}body.coloz-step5 .page-header{text-align:center;border-bottom:1px solid #e5e5e5;margin-bottom:16px;padding-bottom:12px}body.coloz-step5 .header-step{color:#b8956b;letter-spacing:2px;font-size:12px;font-weight:600}body.coloz-step5 .page-title{text-align:center;margin-bottom:20px}body.coloz-step5 .page-title h1{background:linear-gradient(135deg,#8e44ad 0%,#ff8b6a 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:5px;font-size:24px;font-weight:700}body.coloz-step5 .page-title p{color:#636e72;text-align:center;font-size:12px}body.coloz-step5 .intro-content{text-align:center;max-width:500px;margin:0 auto}body.coloz-step5 .demo-container{background:#1a1a1a;border-radius:12px;width:240px;height:240px;margin:0 auto 24px;position:relative;overflow:hidden}body.coloz-step5 .demo-photo{object-fit:contain;width:100%;height:100%;padding:12px}body.coloz-step5 .intro-title{color:#2d3436;text-align:center;margin-bottom:10px;font-size:18px;font-weight:600}body.coloz-step5 .intro-desc{color:#636e72;text-align:center;margin-bottom:24px;font-size:14px;line-height:1.6}body.coloz-step5 .tier-preview{max-width:500px;margin-bottom:24px;margin-left:auto;margin-right:auto}body.coloz-step5 .tier-preview-item{background:#fafafa;border-radius:8px;align-items:center;gap:12px;margin-bottom:6px;padding:12px 16px;display:flex}body.coloz-step5 .tier-preview-badge{font-size:20px}body.coloz-step5 .tier-preview-info{flex:1}body.coloz-step5 .tier-preview-name{color:#2d3436;font-size:13px;font-weight:600}body.coloz-step5 .tier-preview-desc{color:#999;font-size:11px}body.coloz-step5 .test-content{max-width:500px;margin:0 auto}body.coloz-step5 .test-progress{text-align:center;margin-bottom:24px}body.coloz-step5 .test-progress-bar{background:#e5e5e5;border-radius:3px;height:6px;margin-bottom:8px;overflow:hidden}body.coloz-step5 .test-progress-fill{background:linear-gradient(90deg,#8e44ad,#ff8b6a);border-radius:3px;height:100%;transition:width .3s}body.coloz-step5 .test-progress-text{color:#999;font-size:12px}body.coloz-step5 .test-question{text-align:center;margin-bottom:24px}body.coloz-step5 .test-question-text{color:#2d3436;font-size:18px;font-weight:600;line-height:1.5}body.coloz-step5 .test-options{flex-direction:column;gap:10px;margin-bottom:24px;display:flex}body.coloz-step5 .test-option{cursor:pointer;text-align:left;color:#2d3436;background:#fafafa;border:2px solid #e5e5e5;border-radius:10px;padding:14px 20px;font-size:14px;transition:all .2s}body.coloz-step5 .test-option:hover{background:#f8f4fa;border-color:#8e44ad}body.coloz-step5 .test-option.selected{background:#8e44ad0f;border-color:#8e44ad}body.coloz-step5 .result-content{text-align:center;max-width:500px;margin:0 auto}body.coloz-step5 .result-hero{text-align:center;background:#8e44ad0f;border-radius:16px;margin-bottom:24px;padding:30px}body.coloz-step5 .result-label{color:#8e44ad;letter-spacing:2px;margin-bottom:8px;font-size:10px}body.coloz-step5 .result-tier{color:#8e44ad;letter-spacing:-1px;margin-bottom:8px;font-family:Cormorant Garamond,Georgia,serif;font-size:48px;font-weight:300}body.coloz-step5 .result-title{color:#2d3436;margin-bottom:4px;font-size:20px;font-weight:600}body.coloz-step5 .result-subtitle{color:#8e44ad;margin-bottom:16px;font-size:14px}body.coloz-step5 .result-desc{color:#636e72;text-align:center;font-size:13px;line-height:1.8}body.coloz-step5 .status-section{text-align:left;background:#fafafa;border-radius:12px;margin-bottom:16px;padding:20px}body.coloz-step5 .status-title{color:#b8956b;margin-bottom:10px;font-size:14px;font-weight:600}body.coloz-step5 .status-list{color:#636e72;font-size:13px;line-height:2}body.coloz-step5 .recommend-learn{background:#fafafa;border-radius:12px;margin-bottom:16px;padding:20px}body.coloz-step5 .recommend-learn-title{color:#b8956b;margin-bottom:10px;font-size:14px;font-weight:600}body.coloz-step5 .recommend-learn-grid{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}body.coloz-step5 .recommend-learn-item{color:#8e44ad;background:#8e44ad14;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500}body.coloz-step5 .share-prompt{text-align:center;background:#fafafa;border-radius:12px;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;max-width:500px;margin-bottom:20px;margin-left:auto;margin-right:auto;padding:18px;display:flex}body.coloz-step5 .share-prompt span{font-size:14px}body.coloz-step5 .result-cta-buttons{flex-wrap:wrap;justify-content:center;gap:12px;width:100%;max-width:500px;margin:8px auto 24px;display:flex}body.coloz-step5 .result-cta-buttons .btn{text-align:center;flex:1;min-width:140px;max-width:220px;padding:14px 20px;font-size:14px;font-weight:600}body.coloz-step5 .btn.cta-next{color:#fff!important;background:linear-gradient(135deg,#ff6b9d 0%,#ff8b6a 100%)!important;border:none!important}body.coloz-step5 .btn.cta-save{color:#2d3436!important;background:linear-gradient(135deg,#d4af37 0%,#f5d77a 100%)!important;border:none!important}body.coloz-step5 .btn.cta-invite{color:#fff!important;background:linear-gradient(135deg,#7dc4a7 0%,#5fb896 100%)!important;border:none!important}body.coloz-step5 .cta-grid{grid-template-columns:1fr 1fr;gap:12px;max-width:500px;margin-bottom:20px;margin-left:auto;margin-right:auto;display:grid}body.coloz-step5 .cta-card{text-align:center;border-radius:12px;padding:20px}body.coloz-step5 .cta-card.primary{background:#8e44ad0f}body.coloz-step5 .cta-card.secondary{background:#c4a77d0d}body.coloz-step5 .cta-card-label{color:#999;letter-spacing:1px;margin-bottom:6px;font-size:10px}body.coloz-step5 .cta-card-title{color:#2d3436;margin-bottom:12px;font-size:15px;font-weight:600}body.coloz-step5 .cta-card-btn{cursor:pointer;border:none;border-radius:20px;padding:10px 20px;font-size:12px;font-weight:600}body.coloz-step5 .cta-card.primary .cta-card-btn,body.coloz-step5 .cta-card.secondary .cta-card-btn{color:#fff;background:linear-gradient(135deg,#ff6b9d,#ff7b54)}body.coloz-step5 .result-actions{justify-content:center;gap:10px;margin-top:16px;display:flex}body.coloz-step5 .result-action-btn{color:#636e72;cursor:pointer;background:#fff;border:1px solid #e5e5e5;border-radius:20px;padding:8px 16px;font-size:12px}body.coloz-step5 .result-action-btn:hover{color:#8e44ad;border-color:#8e44ad}.fade-in{animation:.4s fadeIn}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:600px){body.coloz-step5 .page-container{padding:102px 12px 15px}body.coloz-step5 .card{padding:24px 18px}body.coloz-step5 .page-title h1{font-size:20px}body.coloz-step5 .demo-container{width:200px;height:200px}body.coloz-step5 .result-tier{font-size:36px}body.coloz-step5 .cta-grid{grid-template-columns:1fr}body.coloz-step5 .result-cta-buttons{flex-direction:column;align-items:center}body.coloz-step5 .result-cta-buttons .btn{width:100%;max-width:280px}body.coloz-step5 .share-prompt{flex-direction:column;gap:10px}}