/* 가이드 15면 중 10면이 문자 단위로 동일하게 들고 있던 블록.
   나머지 5면(deposit-return · divorce-property · fraud-complaint ·
   traffic-accident · wrongful-dismissal)은 내용이 실제로 달라 그대로 뒀다.
   색은 theme.css 토큰 경유. 여기에 hex 를 새로 쓰지 말 것. */
*{margin:0;padding:0;box-sizing:border-box}:root{--gold:#B8922D;--step-b:var(--brand-500);--step-c:var(--brand-600);--text-primary:var(--neutral-100);--text-secondary:var(--neutral-400)}body{font-family: var(--font-sans);background:linear-gradient(135deg,var(--neutral-950) 0%,var(--neutral-900) 50%,var(--neutral-800) 100%);min-height:100vh;color:var(--text-primary);overflow-x:hidden;padding-bottom:env(safe-area-inset-bottom,0)}.animated-bg{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;overflow:hidden;pointer-events:none}.grid-pattern{position:absolute;top:0;left:0;width:100%;height:100%;background-image:linear-gradient(rgb(var(--brand-600-rgb) / .03) 1px,transparent 1px),linear-gradient(90deg,rgb(var(--brand-600-rgb) / .03) 1px,transparent 1px);background-size:50px 50px;animation:gridMove 20s linear infinite}@keyframes gridMove{0%{transform:translate(0,0)}100%{transform:translate(50px,50px)}}.floating-shape{position:absolute;border-radius:50%;opacity:.04;animation:float 25s infinite ease-in-out}.shape1{width:400px;height:400px;background:var(--brand-600);top:5%;left:5%}.shape2{width:300px;height:300px;background:#B8922D;top:50%;right:5%;animation-delay:8s}.shape3{width:350px;height:350px;background:var(--brand-500);bottom:5%;left:40%;animation-delay:16s}@keyframes float{0%,100%{transform:translate(0,0) rotate(0)}25%{transform:translate(40px,-40px) rotate(90deg)}50%{transform:translate(-30px,30px) rotate(180deg)}75%{transform:translate(30px,40px) rotate(270deg)}}.container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:40px 20px calc(80px + env(safe-area-inset-bottom,0))}.back-button{position:absolute;top:40px;left:20px;display:flex;align-items:center;gap:8px;padding:14px 28px;background:rgba(255,255,255,.1);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius: var(--radius-xl);color:#fff;text-decoration:none;font-size: var(--text-md);font-weight:600;transition:all .3s;z-index:10}.back-button:hover{background:rgba(255,255,255,.2);transform:translateX(-5px)}.header{text-align:center;margin-bottom:60px;animation:fadeInDown .8s ease}.header-badge{display:inline-block;padding:10px 24px;background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-radius: var(--radius-4xl);font-size: var(--text-md);font-weight:700;letter-spacing:1px;margin-bottom:20px;box-shadow:0 4px 20px rgb(var(--brand-600-rgb) / .3)}.header h1{color:#FFFFFF;font-size: var(--text-5xl);font-weight:900;margin-bottom:16px;letter-spacing:-1px}.header p{font-size: var(--text-xl);color:var(--text-secondary);max-width:700px;margin:0 auto;line-height:1.6}.section{margin-bottom:60px;animation:fadeInUp .8s ease}.section-title{font-size: var(--text-3xl);font-weight:900;color:#fff;margin-bottom:24px;display:flex;align-items:center;gap:12px}.section-title::before{content:"";width:6px;height:32px;background:linear-gradient(135deg,var(--brand-600),var(--brand-500));border-radius: var(--radius-xs);flex-shrink:0}.info-card{background:rgb(var(--neutral-900-rgb) / .6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius: var(--radius-3xl);padding:32px;margin-bottom:16px}.info-card h3{font-size: var(--text-xl);font-weight:800;color:#fff;margin-bottom:12px}.info-card p,.info-card li{font-size: var(--text-lg);color:var(--text-secondary);line-height:1.7}.info-card ul{list-style:none;padding:0}.info-card ul li{padding:8px 0 8px 24px;position:relative}.info-card ul li::before{content:"";position:absolute;left:0;top:16px;width:8px;height:8px;background:var(--primary);border-radius:50%}.step-card{display:flex;align-items:center;gap:24px;background:rgb(var(--neutral-900-rgb) / .6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius: var(--radius-3xl);padding:30px;transition:all .3s;margin-bottom:12px}.step-card:hover{background:rgb(var(--neutral-900-rgb) / .9);border-color:var(--primary);transform:translateX(8px)}.step-number{width:56px;height:56px;border-radius: var(--radius-2xl);background:linear-gradient(135deg,var(--primary),var(--step-b));display:flex;align-items:center;justify-content:center;font-size: var(--text-xl);font-weight:900;color:#fff;flex-shrink:0}.step-card:nth-child(2) .step-number{background:var(--brand-600)}.step-card:nth-child(3) .step-number{background:linear-gradient(135deg,var(--gold),#B8922D)}.step-card:nth-child(4) .step-number{background:linear-gradient(135deg,var(--step-c),var(--brand-500))}.step-card:nth-child(5) .step-number{background:linear-gradient(135deg,var(--step-b),#ec4899)}.step-content h3{font-size: var(--text-xl);font-weight:800;color:#fff;margin-bottom:6px}.step-content p{font-size: var(--text-lg);color:var(--text-secondary)}.law-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.law-card{background:rgb(var(--neutral-900-rgb) / .6);border:1px solid rgba(255,255,255,.08);border-radius: var(--radius-3xl);padding:24px}.law-card h4{font-size: var(--text-lg);font-weight:800;color:var(--gold);margin-bottom:8px}.law-card p{font-size: var(--text-md);color:var(--text-secondary);line-height:1.6}.faq-item{background:rgb(var(--neutral-900-rgb) / .6);border:1px solid rgba(255,255,255,.08);border-radius: var(--radius-3xl);padding:28px;margin-bottom:12px}.faq-item h4{font-size: var(--text-lg);font-weight:800;color:#fff;margin-bottom:10px;display:flex;align-items:center;gap:8px}.faq-item p{font-size: var(--text-md);color:var(--text-secondary);line-height:1.7}.leader-card{display:flex;align-items:center;gap:24px;background:rgb(var(--neutral-900-rgb) / .8);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius: var(--radius-4xl);padding:32px}.leader-avatar{width:100px;height:100px;border-radius:50%;object-fit:cover;flex-shrink:0;border:3px solid var(--primary)}.leader-info h3{font-size: var(--text-xl);font-weight:800;color:#fff;margin-bottom:4px}.leader-info span{font-size: var(--text-lg);color:var(--primary);font-weight:600}.leader-info p{font-size: var(--text-md);color:var(--text-secondary);margin-top:8px}.cta-section{text-align:center;padding:60px 20px calc(20px + env(safe-area-inset-bottom,0))}.cta-button{display:inline-flex;align-items:center;gap:12px;padding:22px 56px;background:linear-gradient(135deg,var(--primary),var(--brand-600));border:none;border-radius: var(--radius-3xl);color:#fff;font-size: var(--text-xl);font-weight:800;text-decoration:none;transition:all .4s;box-shadow:0 8px 32px rgb(var(--brand-600-rgb) / .4);cursor:pointer}.cta-button:hover{transform:translateY(-4px);box-shadow:0 16px 48px rgb(var(--brand-600-rgb) / .5)}.disclaimer{text-align:center;font-size: var(--text-base);color:var(--text-secondary);margin-top:24px;padding:16px;background:rgba(0,0,0,.2);border-radius: var(--radius-xl);line-height:1.6}@keyframes fadeInDown{from{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media(max-width:1024px){.law-grid{grid-template-columns:1fr}}@media(max-width:768px){.container{padding:20px 16px calc(60px + env(safe-area-inset-bottom,0))}.back-button{top:12px;left:12px;padding:8px 14px;font-size: var(--text-base);min-height:44px}.header{margin-top:40px;margin-bottom:40px}.header h1{font-size: var(--text-2xl)}.header p{font-size: var(--text-md)}.section-title{font-size: var(--text-xl)}.step-card{padding:18px;gap:14px}.step-number{width:40px;height:40px;font-size: var(--text-md)}.leader-card{flex-direction:column;text-align:center}.cta-button{padding:16px 36px;font-size: var(--text-md)}.floating-shape,.grid-pattern{animation:none!important;opacity:.03}}@media(max-width:400px){.back-button{top:8px;left:8px;padding:6px 12px;font-size: var(--text-sm)}.header{margin-top:48px}}body.is-inapp-browser{height:100vh;height:-webkit-fill-available}body.is-inapp-browser .info-card,body.is-inapp-browser .step-card,body.is-inapp-browser .faq-item,body.is-inapp-browser .leader-card,body.is-inapp-browser .law-card{backdrop-filter:blur(10px);background:rgb(var(--neutral-900-rgb) / .95)}body.is-inapp-browser .back-button{backdrop-filter:blur(8px);background:rgba(255,255,255,.15)}@media(prefers-reduced-motion:reduce){.grid-pattern,.floating-shape,.section,.header{animation:none!important}.step-card,.cta-button,.back-button{transition:none!important}}body:not(.dark-mode){background:linear-gradient(135deg,var(--neutral-50),var(--neutral-200) 50%,var(--neutral-400));color:var(--neutral-900); --text-primary:var(--neutral-900);--text-secondary:var(--neutral-600)}body:not(.dark-mode) .header h1{color:var(--neutral-900);}body:not(.dark-mode) .section-title{color:var(--neutral-900)}body:not(.dark-mode) .info-card,body:not(.dark-mode) .step-card,body:not(.dark-mode) .faq-item,body:not(.dark-mode) .leader-card,body:not(.dark-mode) .law-card{background:#fff;border-color:var(--neutral-200);box-shadow: var(--shadow-e2)}body:not(.dark-mode) .info-card h3,body:not(.dark-mode) .step-content h3,body:not(.dark-mode) .faq-item h4,body:not(.dark-mode) .leader-info h3{color:var(--neutral-900)}body:not(.dark-mode) .back-button{background:rgba(0,0,0,.05);border-color:var(--neutral-200);color:var(--neutral-900)}@media(min-width:1440px){.container{max-width:1320px}}