@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&family=Noto+Sans+KR:wght@300;400;500;700&display=swap";:root{--color-primary:#e6d5c3;--color-primary-dark:#cbb9a7;--color-primary-light:#f4ebe1;--color-bg:#faf6f0;--color-card:#fff;--color-text-main:#3a322c;--color-text-muted:#8c7f72;--color-border:#efeae2;--color-danger:#d9534f;--font-family:"Outfit", "Noto Sans KR", sans-serif;--transition-smooth:all .3s cubic-bezier(.4, 0, .2, 1);--transition-spring:all .4s cubic-bezier(.175, .885, .32, 1.15);--shadow-subtle:0 4px 24px #3a322c08;--shadow-medium:0 12px 36px #3a322c0f;--shadow-hover:0 20px 48px #3a322c1f;--radius-lg:24px;--radius-md:16px;--radius-sm:12px}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-family);background-color:var(--color-bg);color:var(--color-text-main);width:100%;min-height:100vh;font-size:15px;line-height:1.6;overflow-x:hidden}.desktop-layout-wrapper{background:linear-gradient(135deg,#f4ebe1 0%,#e6d5c3 100%);justify-content:center;align-items:center;gap:60px;width:100%;min-height:100vh;padding:20px;display:flex;overflow:hidden}.desktop-brand-panel{max-width:320px;color:var(--color-text-main);animation:.8s fadeIn;display:none}.desktop-brand-content{flex-direction:column;gap:20px;display:flex}.desktop-brand-logo{border:2px solid var(--color-primary-dark);width:80px;height:80px;box-shadow:var(--shadow-medium);object-fit:cover;border-radius:50%}.desktop-brand-title{letter-spacing:2px;text-transform:uppercase;padding-bottom:12px;font-size:32px;font-weight:700;position:relative}.desktop-brand-title:after{content:"";background-color:var(--color-text-main);width:40px;height:3px;position:absolute;bottom:0;left:0}.desktop-brand-desc{color:var(--color-text-muted);font-size:15px;line-height:1.7}.desktop-info-card{-webkit-backdrop-filter:blur(10px);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);background-color:#fff9;border:1px solid #e6d5c366;flex-direction:column;gap:12px;padding:20px;display:flex}.desktop-info-item{flex-direction:column;gap:4px;display:flex}.desktop-info-item .info-label{color:var(--color-text-muted);text-transform:uppercase;font-size:11px;font-weight:700}.desktop-info-item .info-value{color:var(--color-text-main);font-size:14px;font-weight:500}.desktop-qr-section{flex-direction:column;gap:10px;display:flex}.qr-title{color:var(--color-text-main);font-size:13px;font-weight:700}.qr-links{flex-direction:column;gap:8px;display:flex}.qr-btn{border-radius:var(--radius-sm);transition:var(--transition-smooth);justify-content:center;align-items:center;padding:12px;font-size:13px;font-weight:600;text-decoration:none;display:flex}.qr-btn.naver{color:#fff;background-color:#03c75a}.qr-btn.kakao{color:#191919;background-color:#fee500}.qr-btn:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.app-container{background-color:var(--color-bg);flex-direction:column;width:100%;max-width:480px;min-height:100vh;padding-bottom:84px;display:flex;position:relative}@media (width>=481px){.app-container{border:12px solid #2b2520;border-radius:40px;max-width:412px;height:840px;min-height:840px;max-height:92vh;overflow:hidden;box-shadow:0 25px 50px -12px #3a322c40,0 0 0 4px #e6d5c3cc}.app-container:before{content:"";z-index:101;background-color:#2b2520;border-bottom-right-radius:16px;border-bottom-left-radius:16px;width:140px;height:24px;position:absolute;top:0;left:50%;transform:translate(-50%)}}@media (width>=1024px){.desktop-brand-panel{display:block}}.app-header{z-index:100;-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);background-color:#faf6f0d9;justify-content:space-between;align-items:center;padding:18px 24px;display:flex;position:sticky;top:0}.brand-logo{letter-spacing:1px;color:var(--color-text-main);text-transform:uppercase;font-size:20px;font-weight:700}.bottom-nav{-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--color-border);z-index:100;width:100%;max-width:480px;height:76px;padding-bottom:env(safe-area-inset-bottom,12px);background-color:#ffffffd1;justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 24px #3a322c0d}@media (width>=481px){.bottom-nav{border-bottom-right-radius:28px;border-bottom-left-radius:28px;max-width:100%;height:68px;padding-bottom:0;position:absolute;left:0;transform:none;box-shadow:0 -2px 16px #3a322c08}}.floating-quickbar{z-index:90;pointer-events:none;width:100%;max-width:480px;padding:8px 16px;position:fixed;bottom:76px;left:50%;transform:translate(-50%)}.floating-quickbar-content{pointer-events:auto;gap:8px;display:flex}@media (width>=481px){.floating-quickbar{max-width:100%;padding:8px 16px;position:absolute;bottom:68px;left:0;transform:none}}.quickbar-btn{cursor:pointer;min-height:50px;transition:var(--transition-spring);-webkit-user-select:none;user-select:none;border:1px solid #0000;border-radius:16px;flex:1;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-size:11.5px;font-weight:700;text-decoration:none;display:inline-flex}.quickbar-icon{flex-shrink:0;font-size:20px;line-height:1}.quickbar-text{flex-direction:column;align-items:flex-start;gap:1px;line-height:1.3;display:flex}.quickbar-text span{letter-spacing:-.2px;font-size:11px;font-weight:700;display:block}.quickbar-btn.consulting{background-color:var(--color-card);border-color:var(--color-primary-dark);color:var(--color-text-main);box-shadow:0 4px 12px #3a322c0a}@media (hover:hover){.quickbar-btn.consulting:hover{background-color:var(--color-primary-light);transform:translateY(-2px)}}.quickbar-btn.naver{color:#fff;background-color:#556e5c;box-shadow:0 4px 12px #556e5c26}@media (hover:hover){.quickbar-btn.naver:hover{background-color:#44594a;transform:translateY(-2px)}}.quickbar-btn:active{transform:scale(.96)}.nav-item{color:var(--color-text-muted);letter-spacing:-.2px;cursor:pointer;transition:var(--transition-spring);-webkit-user-select:none;user-select:none;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:20%;height:100%;padding:4px 0;font-size:10px;font-weight:500;text-decoration:none;display:flex}.nav-item span{transition:var(--transition-smooth)}.nav-item.active{color:var(--color-text-main);font-weight:700}.nav-icon-wrapper{width:56px;height:32px;transition:var(--transition-spring);background-color:#0000;border-radius:16px;justify-content:center;align-items:center;margin-bottom:4px;display:flex}.nav-icon-wrapper svg{transition:var(--transition-spring);color:var(--color-text-muted);stroke-width:2px}.nav-item.active .nav-icon-wrapper{background-color:var(--color-primary-light);transform:scale(1.06)}.nav-item.active .nav-icon-wrapper svg{color:var(--color-text-main);stroke-width:2.5px}@media (hover:hover){.nav-item:hover{transform:translateY(-2px)}.nav-item:hover .nav-icon-wrapper{background-color:#e6d5c340}.nav-item:hover .nav-icon-wrapper svg{color:var(--color-text-main)}.nav-item.active:hover .nav-icon-wrapper{background-color:var(--color-primary-light)}}.nav-item:active .nav-icon-wrapper{transform:scale(.92)}.main-content{flex:1;padding:24px;overflow-y:auto}.card{background-color:var(--color-card);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);transition:var(--transition-spring);border:1px solid #e6d5c326;margin-bottom:20px;padding:20px;position:relative;overflow:hidden}.card.hover-lift{cursor:pointer}@media (hover:hover){.card.hover-lift:hover{box-shadow:var(--shadow-hover);border-color:var(--color-primary-dark);transform:translateY(-6px)}}.card.hover-lift:active{box-shadow:var(--shadow-subtle);transform:scale(.97)translateY(-2px)}.glass-panel{-webkit-backdrop-filter:blur(20px);box-shadow:var(--shadow-subtle);background:#ffffffa6;border:1px solid #ffffff73}.hero-zoom-card{border-radius:var(--radius-lg);min-height:220px;transition:var(--transition-spring);box-shadow:var(--shadow-medium);border:1px solid #fff3;flex-direction:column;justify-content:flex-end;margin-bottom:20px;display:flex;position:relative;overflow:hidden}.hero-zoom-bg{z-index:1;background-position:50%;background-size:cover;transition:transform .8s cubic-bezier(.25,1,.5,1);position:absolute;inset:0}.hero-zoom-overlay{z-index:2;background:linear-gradient(#3a322c33 0%,#3a322cd9 100%);position:absolute;inset:0}.hero-zoom-content{z-index:3;color:#faf6f0;padding:32px 24px;position:relative}@media (hover:hover){.hero-zoom-card:hover .hero-zoom-bg{transform:scale(1.06)}.hero-zoom-card:hover{box-shadow:var(--shadow-hover);transform:translateY(-4px)}}.section-title{color:var(--color-text-main);letter-spacing:-.5px;margin-bottom:8px;font-size:22px;font-weight:700}.section-subtitle{color:var(--color-text-muted);margin-bottom:24px;font-size:14px}.btn{border-radius:var(--radius-md);cursor:pointer;width:100%;transition:var(--transition-spring);font-size:14.5px;font-weight:600;font-family:var(--font-family);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:14px 20px;display:inline-flex}.btn-primary{background-color:var(--color-text-main);color:var(--color-primary-light);box-shadow:0 4px 14px #3a322c26}@media (hover:hover){.btn-primary:hover{background-color:#2b2520;transform:translateY(-2px);box-shadow:0 8px 20px #3a322c40}}.btn-primary:active{transform:scale(.96)translateY(0);box-shadow:0 2px 8px #3a322c26}.btn-secondary{background-color:var(--color-primary-light);color:var(--color-text-main);border:1px solid #e6d5c366}@media (hover:hover){.btn-secondary:hover{border-color:var(--color-primary-dark);background-color:#ede2d5;transform:translateY(-2px)}}.btn-secondary:active{transform:scale(.96)translateY(0)}.bottom-sheet-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background-color:#3a322c66;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}@media (width>=481px){.bottom-sheet-overlay{border-radius:28px;position:absolute}}.bottom-sheet{background-color:var(--color-bg);border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg);width:100%;max-width:480px;max-height:85vh;padding:24px;animation:.3s cubic-bezier(.4,0,.2,1) forwards slideUp;overflow-y:auto;box-shadow:0 -10px 40px #0000001a}@media (width>=481px){.bottom-sheet{border-bottom-right-radius:28px;border-bottom-left-radius:28px;max-width:100%;max-height:80%}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.bottom-sheet-handle{background-color:var(--color-primary-dark);opacity:.5;border-radius:2px;width:40px;height:4px;margin:-10px auto 20px}.form-group{margin-bottom:18px}.form-label{color:var(--color-text-main);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.form-input,.form-textarea,.form-select{border-radius:var(--radius-sm);border:1px solid var(--color-primary-dark);background-color:var(--color-card);width:100%;font-size:14px;font-family:var(--font-family);color:var(--color-text-main);transition:var(--transition-smooth);outline:none;padding:12px 16px}.form-input:focus,.form-textarea:focus,.form-select:focus{border-color:var(--color-text-main);box-shadow:0 0 0 2px #3a322c1a}.form-textarea{resize:none;height:100px}.tab-header{background-color:var(--color-primary-light);border-radius:var(--radius-sm);margin-bottom:20px;padding:4px;display:flex}.tab-btn{cursor:pointer;color:var(--color-text-muted);transition:var(--transition-smooth);background:0 0;border:none;border-radius:8px;flex:1;padding:8px 12px;font-size:13px;font-weight:600}.tab-btn.active{background-color:var(--color-card);color:var(--color-text-main);box-shadow:var(--shadow-subtle)}.diag-progress-container{background-color:var(--color-primary-light);border-radius:3px;width:100%;height:6px;margin-bottom:24px;position:relative;overflow:hidden}.diag-progress-bar{background:linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-text-main) 100%);height:100%;transition:width .4s cubic-bezier(.175,.885,.32,1.1)}.diag-card-grid{gap:12px;width:100%;margin-bottom:20px;display:grid}.diag-card-grid.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.diag-card-grid.cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}@media (width<=360px){.diag-card-grid.cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}.diag-option-card{text-align:center;background-color:var(--color-card);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-spring);border-bottom:3px solid var(--color-border);-webkit-user-select:none;user-select:none;outline:none;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:130px;padding:24px 16px;display:flex;position:relative;overflow:hidden}.diag-option-card:hover{border-color:var(--color-primary-dark);border-bottom-color:var(--color-primary-dark);box-shadow:var(--shadow-medium);transform:translateY(-4px)}.diag-option-card:active{border-bottom-width:1px;transform:scale(.97)translateY(-2px)}.diag-option-card.row-style{text-align:left;border-bottom-width:1px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;min-height:auto;padding:16px 20px}@media (hover:hover){.diag-option-card.row-style:hover{border-color:var(--color-primary-dark);background-color:var(--color-primary-light)}}.diag-icon-box{background-color:var(--color-primary-light);width:46px;height:46px;color:var(--color-text-main);transition:var(--transition-spring);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-bottom:12px;display:flex}.diag-option-card.row-style .diag-icon-box{margin-bottom:0}.diag-option-card:hover .diag-icon-box{background-color:var(--color-text-main);color:var(--color-primary-light);transform:scale(1.1)rotate(8deg)}.diag-card-title{color:var(--color-text-main);margin-bottom:4px;font-size:13.5px;font-weight:700;line-height:1.35}.diag-card-desc{color:var(--color-text-muted);font-size:11px;line-height:1.4}.diag-result-header{background:linear-gradient(135deg, var(--color-primary-light) 0%, #fff6 100%);border-radius:var(--radius-md);text-align:center;border:1px solid #e6d5c380;flex-direction:column;align-items:center;margin-bottom:24px;padding:28px 20px;display:flex;position:relative;overflow:hidden}.diag-result-header:before{content:"";background:linear-gradient(90deg, var(--color-primary-dark) 0%, var(--color-text-main) 100%);width:100%;height:4px;position:absolute;top:0;left:0}.diag-badge{background-color:var(--color-text-main);color:var(--color-primary-light);letter-spacing:.5px;border-radius:20px;align-items:center;gap:4px;margin-bottom:12px;padding:4px 10px;font-size:10px;font-weight:700;display:inline-flex}.diag-result-title{color:var(--color-text-main);margin-top:4px;font-size:18px;font-weight:700;line-height:1.4}@media (width<=480px){.app-header{padding:12px 14px!important}}