:root{--teal-50:#eef9f7;--teal-100:#d4eeea;--teal-200:#a8ddd5;--teal-300:#6ec4b8;--teal-400:#3daa9b;--teal-500:#1a7a6d;--teal-600:#0f5c52;--teal-700:#0b4940;--teal-800:#083832;--teal-900:#052824;--copper-50:#fdf8f0;--copper-100:#fdf0e0;--copper-200:#f5dbb8;--copper-300:#e8c590;--copper-400:#d4a058;--copper-500:#c48a3c;--copper-600:#a57030;--copper-700:#7d5424;--neutral-50:#fafaf9;--neutral-100:#f5f3f0;--neutral-200:#ece9e3;--neutral-300:#ddd8d0;--neutral-400:#b8b0a4;--neutral-500:#8a8078;--neutral-600:#5c5650;--neutral-700:#3d3833;--neutral-800:#2a2622;--neutral-900:#1a1714;--white:#fff;--danger-50:#fef2ef;--danger-100:#fde0d8;--danger-500:#dc4a2d;--danger-600:#b63d24;--color-bg:var(--neutral-50);--color-surface:var(--white);--color-surface-alt:var(--neutral-100);--color-text:var(--neutral-800);--color-text-secondary:var(--neutral-600);--color-text-muted:var(--neutral-400);--color-accent:var(--teal-500);--color-accent-light:var(--teal-100);--color-accent-dark:var(--teal-700);--color-warm:var(--copper-400);--color-warm-light:var(--copper-100);--font:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:2rem;--text-4xl:2.75rem;--text-5xl:3.5rem;--leading-tight:1.2;--leading-normal:1.6;--sp-1:.25rem;--sp-2:.5rem;--sp-3:.75rem;--sp-4:1rem;--sp-5:1.25rem;--sp-6:1.5rem;--sp-8:2rem;--sp-10:2.5rem;--sp-12:3rem;--sp-16:4rem;--sp-20:5rem;--sp-24:6rem;--r-sm:6px;--r-md:10px;--r-lg:14px;--r-xl:20px;--r-2xl:28px;--r-full:9999px;--shadow-xs:0 1px 2px #0000000a;--shadow-sm:0 2px 6px #0000000d;--shadow-md:0 4px 16px #0000000f;--shadow-lg:0 8px 32px #00000014;--shadow-xl:0 16px 48px #0000001a;--shadow-glow:0 0 40px #1a7a6d1f;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.15s;--dur-normal:.3s;--dur-slow:.5s;--sidebar-width:280px;--content-max:720px;--nav-height:64px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{font-family:var(--font);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;overflow-x:hidden}a{color:var(--color-accent);transition:color var(--dur-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-dark)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font);cursor:pointer;background:0 0;border:none}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--white);border-right:1px solid var(--neutral-200);z-index:50;height:100vh;transition:transform var(--dur-normal)var(--ease-out);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-header{padding:var(--sp-8)var(--sp-6);border-bottom:1px solid var(--neutral-100);flex-shrink:0}.sidebar-brand{align-items:center;gap:var(--sp-3);display:flex}.sidebar-logo{background:linear-gradient(135deg,var(--teal-500),var(--teal-300));border-radius:var(--r-lg);justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex;box-shadow:0 2px 8px #1a7a6d40}.sidebar-title{font-size:var(--text-lg);color:var(--color-text);letter-spacing:-.02em;font-weight:700}.sidebar-subtitle{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:1px}.sidebar-nav{padding:var(--sp-4)var(--sp-3);gap:var(--sp-1);flex-direction:column;flex:1;display:flex}.sidebar-link{align-items:center;gap:var(--sp-3);padding:var(--sp-3)var(--sp-4);border-radius:var(--r-md);font-size:var(--text-sm);color:var(--color-text-secondary);transition:all var(--dur-fast)var(--ease-out);white-space:nowrap;font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--neutral-100);color:var(--color-text)}.sidebar-link.active{background:var(--teal-50);color:var(--teal-600);font-weight:600}.sidebar-link.active:before{content:"";background:var(--teal-500);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-link-icon{text-align:center;flex-shrink:0;width:24px;font-size:1.1rem}.sidebar-footer{padding:var(--sp-4)var(--sp-6);border-top:1px solid var(--neutral-100);flex-shrink:0}.sidebar-wifi{background:linear-gradient(135deg,var(--teal-600),var(--teal-500));border-radius:var(--r-lg);padding:var(--sp-4)var(--sp-5);color:var(--white)}.sidebar-wifi-title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.8;margin-bottom:var(--sp-1);font-weight:600}.sidebar-wifi p{font-size:var(--text-sm);line-height:1.5}.sidebar-wifi strong{font-weight:600}.main-content{margin-left:var(--sidebar-width);flex:1;min-height:100vh}.hero{text-align:center;background:linear-gradient(160deg,var(--teal-800)0%,var(--teal-600)35%,var(--teal-400)65%,var(--copper-400)100%);justify-content:center;align-items:center;min-height:70vh;display:flex;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(at 20% 80%,#d4a05833 0%,#0000 60%),radial-gradient(at 80% 20%,#1a7a6d4d 0%,#0000 50%);position:absolute;inset:0}.hero:after{content:"";background:linear-gradient(to top,var(--color-bg),transparent);height:120px;position:absolute;bottom:0;left:0;right:0}.hero-content{z-index:2;padding:var(--sp-8);max-width:600px;position:relative}.hero-eyebrow{align-items:center;gap:var(--sp-2);padding:var(--sp-2)var(--sp-4);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--r-full);font-size:var(--text-xs);color:#ffffffe6;letter-spacing:.04em;text-transform:uppercase;margin-bottom:var(--sp-6);background:#ffffff1f;border:1px solid #ffffff26;font-weight:600;display:inline-flex}.hero h1{font-size:var(--text-5xl);color:var(--white);letter-spacing:-.035em;font-weight:800;line-height:var(--leading-tight);margin-bottom:var(--sp-4)}.hero h1 em{color:var(--copper-300);font-style:italic}.hero-desc{font-size:var(--text-lg);color:#ffffffd9;margin-bottom:var(--sp-8);font-weight:300;line-height:1.7}.hero-cta{align-items:center;gap:var(--sp-2);padding:var(--sp-4)var(--sp-8);background:var(--white);color:var(--teal-700);font-weight:700;font-size:var(--text-base);border-radius:var(--r-full);box-shadow:var(--shadow-lg);transition:all var(--dur-normal)var(--ease-spring);text-decoration:none;display:inline-flex}.hero-cta:hover{box-shadow:var(--shadow-xl);color:var(--teal-600);transform:translateY(-2px)}.guide-section{padding:var(--sp-16)var(--sp-8);border-bottom:1px solid var(--neutral-200);scroll-margin-top:20px}.guide-section:last-child{border-bottom:none}.guide-section-inner{max-width:var(--content-max);margin:0 auto}.section-header{margin-bottom:var(--sp-8)}.section-label{align-items:center;gap:var(--sp-2);padding:var(--sp-1)var(--sp-3);background:var(--teal-50);border-radius:var(--r-full);font-size:var(--text-xs);color:var(--teal-600);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-3);font-weight:600;display:inline-flex}.section-title{font-size:var(--text-3xl);color:var(--color-text);letter-spacing:-.02em;font-weight:700;line-height:var(--leading-tight)}.section-subtitle{font-size:var(--text-base);color:var(--color-text-secondary);margin-top:var(--sp-2);line-height:1.6}.card{background:var(--color-surface);border-radius:var(--r-xl);padding:var(--sp-6);margin-bottom:var(--sp-4);border:1px solid var(--neutral-200);transition:all var(--dur-normal)var(--ease-out)}.card:hover{border-color:var(--neutral-300);box-shadow:var(--shadow-sm)}.card-accent-teal{border-left:3px solid var(--teal-500)}.card-accent-copper{border-left:3px solid var(--copper-400)}.card-accent-danger{border-left:3px solid var(--danger-500)}.card-title{align-items:center;gap:var(--sp-3);font-size:var(--text-lg);color:var(--color-text);margin-bottom:var(--sp-4);font-weight:700;display:flex}.card-title-icon{background:var(--teal-50);border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;display:flex}.card-title-icon.warm{background:var(--copper-100)}.card-title-icon.danger{background:var(--danger-50)}.cards-grid{gap:var(--sp-4);display:grid}.cards-grid-2{grid-template-columns:repeat(2,1fr)}.cards-grid-3{grid-template-columns:repeat(3,1fr)}.list-item{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);border-radius:var(--r-lg);transition:background var(--dur-fast);display:flex}.list-item+.list-item{border-top:1px solid var(--neutral-100)}.list-item:hover{background:var(--neutral-50)}.list-item-icon{background:var(--neutral-100);border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.1rem;display:flex}.list-item-icon.teal{background:var(--teal-50)}.list-item-icon.warm{background:var(--copper-50)}.list-item-body{flex:1;min-width:0}.list-item-title{font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px;font-weight:600}.list-item-desc{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.list-item-badge{flex-shrink:0;align-self:center}.steps{gap:var(--sp-3);flex-direction:column;display:flex}.step{align-items:flex-start;gap:var(--sp-4);padding:var(--sp-4);background:var(--neutral-50);border-radius:var(--r-lg);display:flex}.step-num{background:var(--teal-500);width:32px;height:32px;color:var(--white);border-radius:var(--r-full);font-weight:700;font-size:var(--text-sm);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-num.warm{background:var(--copper-400)}.step-body h4{font-size:var(--text-sm);color:var(--color-text);margin-bottom:2px;font-weight:600}.step-body p{font-size:var(--text-sm);color:var(--color-text-secondary);line-height:1.5}.callout{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4)var(--sp-5);border-radius:var(--r-lg);font-size:var(--text-sm);line-height:1.6;display:flex}.callout.info{background:var(--teal-50);color:var(--teal-700);border:1px solid var(--teal-200)}.callout.warn{background:var(--copper-50);color:var(--copper-700);border:1px solid var(--copper-200)}.callout.danger{background:var(--danger-50);color:var(--danger-600);border:1px solid var(--danger-100)}.callout-icon{flex-shrink:0;margin-top:1px;font-size:1.1rem}.badge{padding:var(--sp-1)var(--sp-3);border-radius:var(--r-full);font-size:var(--text-xs);letter-spacing:.02em;align-items:center;font-weight:600;display:inline-flex}.badge.teal{background:var(--teal-50);color:var(--teal-600)}.badge.warm{background:var(--copper-50);color:var(--copper-600);border:1px solid var(--copper-200)}.tag-list{gap:var(--sp-2);flex-wrap:wrap;display:flex}.tag{padding:var(--sp-2)var(--sp-3);background:var(--neutral-100);border-radius:var(--r-full);font-size:var(--text-xs);color:var(--color-text-secondary);transition:all var(--dur-fast);font-weight:500}.tag:hover{background:var(--teal-50);color:var(--teal-600)}.phone{align-items:center;gap:var(--sp-2);color:var(--copper-500);font-weight:700;font-size:var(--text-lg);transition:color var(--dur-fast);display:inline-flex}.phone:hover{color:var(--copper-600)}.emergency-row{padding:var(--sp-4);border-radius:var(--r-lg);transition:background var(--dur-fast);justify-content:space-between;align-items:center;display:flex}.emergency-row+.emergency-row{border-top:1px solid var(--neutral-100)}.emergency-row:hover{background:var(--neutral-50)}.emergency-name{font-size:var(--text-sm);color:var(--color-text);font-weight:600}.emergency-sub{font-size:var(--text-xs);color:var(--color-text-muted)}.emergency-num{font-size:var(--text-2xl);color:var(--copper-500);font-weight:800}.tips-banner{background:linear-gradient(135deg,var(--teal-700)0%,var(--teal-500)60%,var(--teal-400)100%);border-radius:var(--r-2xl);padding:var(--sp-12)var(--sp-8);color:var(--white);text-align:center;position:relative;overflow:hidden}.tips-banner:before{content:"";background:radial-gradient(circle at 20% 80%,#d4a05826 0%,#0000 50%),radial-gradient(circle at 85% 20%,#ffffff0d 0%,#0000 40%);position:absolute;inset:0}.tips-banner>*{z-index:1;position:relative}.tips-banner h3{font-size:var(--text-2xl);margin-bottom:var(--sp-6);font-weight:700}.tips-grid{gap:var(--sp-4);max-width:480px;margin:0 auto var(--sp-8);grid-template-columns:repeat(2,1fr);display:grid}.tip-card{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--r-lg);padding:var(--sp-5);transition:all var(--dur-normal)var(--ease-out);background:#ffffff1a;border:1px solid #ffffff26}.tip-card:hover{background:#ffffff2e;transform:translateY(-3px)}.tip-card-icon{margin-bottom:var(--sp-2);font-size:1.5rem}.tip-card h4{font-size:var(--text-sm);margin-bottom:var(--sp-1);font-weight:600}.tip-card p{font-size:var(--text-xs);opacity:.8}.tips-cta{align-items:center;gap:var(--sp-2);padding:var(--sp-4)var(--sp-8);background:var(--copper-400);color:var(--white);font-weight:700;font-size:var(--text-lg);border-radius:var(--r-full);transition:all var(--dur-normal)var(--ease-spring);border:none;display:inline-flex;box-shadow:0 4px 20px #d4a05859}.tips-cta:hover{background:var(--copper-300);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 24px #d4a05873}.tips-sub{margin-top:var(--sp-4);font-size:var(--text-sm);opacity:.7}.wifi-bar{align-items:center;gap:var(--sp-4);padding:var(--sp-5)var(--sp-6);background:linear-gradient(135deg,var(--teal-600),var(--teal-500));border-radius:var(--r-xl);color:#fff;margin-bottom:var(--sp-4);display:flex}.wifi-bar-icon{font-size:1.5rem}.wifi-bar h4{font-size:var(--text-sm);font-weight:600}.wifi-bar p{font-size:var(--text-sm);opacity:.9}.hl{color:var(--copper-500);font-weight:600}.hl-teal{color:var(--teal-600);font-weight:600}.bottom-nav{height:var(--nav-height);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--neutral-200);z-index:100;padding-bottom:env(safe-area-inset-bottom,0);background:#ffffffeb;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav-inner{justify-content:space-around;align-items:center;max-width:480px;height:100%;margin:0 auto;display:flex}.bnav-item{padding:var(--sp-2)var(--sp-3);color:var(--color-text-muted);font-size:var(--text-xs);transition:color var(--dur-fast);flex-direction:column;align-items:center;gap:2px;font-weight:500;text-decoration:none;display:flex}.bnav-item.active{color:var(--teal-600)}.bnav-icon{font-size:1.25rem}.mobile-header{-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--neutral-200);z-index:60;height:56px;padding:0 var(--sp-4);background:#ffffffeb;justify-content:space-between;align-items:center;display:none;position:fixed;top:0;left:0;right:0}.mobile-menu-btn{border-radius:var(--r-md);width:40px;height:40px;color:var(--color-text);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.mobile-menu-btn:hover{background:var(--neutral-100)}.mobile-brand{font-size:var(--text-sm);color:var(--color-text);font-weight:700}.sidebar-overlay{z-index:45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}@keyframes fadeIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeIn .5s var(--ease-out)both}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}@media (max-width:767px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-xl);transform:translate(0)}.main-content{margin-left:0}.mobile-header{display:flex}.bottom-nav{display:block}body{padding-top:56px;padding-bottom:calc(var(--nav-height) + 8px)}.hero{min-height:60vh}.hero h1{font-size:var(--text-3xl)}.hero-desc{font-size:var(--text-base)}.guide-section{padding:var(--sp-10)var(--sp-5)}.section-title{font-size:var(--text-2xl)}.cards-grid-2,.cards-grid-3{grid-template-columns:1fr}.tips-grid{grid-template-columns:repeat(2,1fr)}html{scroll-padding-top:70px}}@media (min-width:768px) and (max-width:1024px){:root{--sidebar-width:240px}.sidebar-link{font-size:var(--text-xs);padding:var(--sp-2)var(--sp-3)}}@media (min-width:1280px){:root{--sidebar-width:300px;--content-max:780px}}@media (max-width:360px){.tips-grid{grid-template-columns:1fr}}