:root{--navy:#1f4c72;--navy-light:#2b6490;--navy-dark:#143350;--navy-muted:#1f4c7215;--sunset:#e18e32;--sunset-light:#f0b060;--sunset-pale:#fdf0dc;--sunset-muted:#e18e3220;--sand:#faf7f2;--sand-light:#fffcf7;--stone-50:#f6f3ed;--stone-100:#eeeae3;--stone-200:#e0dad0;--stone-300:#c8c0b4;--stone-400:#a8a090;--stone-500:#8a8078;--stone-600:#5c5650;--stone-700:#4a4540;--stone-800:#2a2622;--stone-900:#1a1714;--white:#fff;--info:#2b6490;--info-bg:#edf4fa;--info-border:#c4dae8;--warn:#c47a1c;--warn-bg:#fef5e7;--warn-border:#f0d9a8;--danger:#c0392b;--danger-bg:#fdeceb;--danger-border:#f0c0ba;--success:#27855a;--success-bg:#edfaf3;--font-serif:"Playfair Display",Georgia,"Times New Roman",serif;--font-sans:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-mono:"JetBrains Mono","Fira Code","Courier New",monospace;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--text-4xl:3rem;--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:16px;--r-xl:24px;--r-2xl:32px;--r-full:9999px;--shadow-xs:0 1px 2px #1a17140a;--shadow-sm:0 2px 8px #1a17140f;--shadow-md:0 4px 16px #1a171414;--shadow-lg:0 8px 32px #1a17141a;--shadow-glow:0 0 40px #e18e3233;--ease-out:cubic-bezier(.16,1,.3,1);--ease-spring:cubic-bezier(.34,1.56,.64,1);--dur-fast:.15s;--dur-normal:.3s;--sidebar-w:272px;--nav-h:64px;--header-h:56px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:40px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--stone-700);background:var(--sand);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.65;overflow-x:hidden}a{color:var(--navy-light);transition:color var(--dur-fast)var(--ease-out);text-decoration:none}a:hover{color:var(--navy)}img{max-width:100%;height:auto;display:block}button{font-family:var(--font-sans);cursor:pointer;background:0 0;border:none}h1,h2,h3{font-family:var(--font-serif);color:var(--stone-900);letter-spacing:-.02em;line-height:1.2}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-w);background:var(--white);border-right:1px solid var(--stone-100);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-5)var(--sp-5)var(--sp-4);border-bottom:1px solid var(--stone-100);flex-shrink:0}.sidebar-logo{width:auto;height:44px}.sidebar-nav{padding:var(--sp-3);flex-direction:column;flex:1;gap:1px;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(--stone-500);transition:all var(--dur-fast)var(--ease-out);font-weight:500;text-decoration:none;display:flex;position:relative}.sidebar-link:hover{background:var(--stone-50);color:var(--stone-700)}.sidebar-link .sidebar-emoji{text-align:center;flex-shrink:0;width:24px;font-size:1rem}.sidebar-link.active{background:var(--navy-muted);color:var(--navy);font-weight:600}.sidebar-link.active:before{content:"";background:var(--navy);border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-footer{padding:var(--sp-4)var(--sp-4);border-top:1px solid var(--stone-100);flex-shrink:0}.sidebar-wifi{background:linear-gradient(135deg,var(--navy-dark),var(--navy));border-radius:var(--r-lg);padding:var(--sp-4);color:var(--white)}.sidebar-wifi-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.7;margin-bottom:var(--sp-2);font-weight:600}.sidebar-wifi p{font-size:var(--text-sm);line-height:1.6}.sidebar-wifi strong{font-weight:600}.wifi-code{font-family:var(--font-mono);border-radius:var(--r-sm);font-size:var(--text-sm);background:#ffffff1f;padding:2px 8px}.main-content{margin-left:var(--sidebar-w);flex:1;min-height:100vh}.hero{text-align:center;justify-content:center;align-items:center;height:480px;display:flex;position:relative;overflow:hidden}.hero-bg{background-position:50% 30%;background-size:cover;position:absolute;inset:0}.hero-overlay{background:linear-gradient(#14335073 0%,#143350b3 100%);position:absolute;inset:0}.hero-content{z-index:2;padding:var(--sp-8);max-width:600px;position:relative}.hero-logo{width:auto;height:80px;margin:0 auto var(--sp-6);filter:brightness(0)invert();opacity:.95}.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:#ffffffd9;letter-spacing:.04em;margin-bottom:var(--sp-5);background:#ffffff1f;border:1px solid #ffffff26;font-weight:500;display:inline-flex}.hero h1{font-size:var(--text-4xl);color:var(--white);letter-spacing:-.03em;margin-bottom:var(--sp-3);font-weight:700}.hero h1 em{color:var(--sunset-light);font-style:italic;font-weight:500}.hero-desc{font-size:var(--text-base);color:#fffc;margin-bottom:var(--sp-6);font-weight:300;line-height:1.7}.hero-cta{align-items:center;gap:var(--sp-2);padding:var(--sp-3)var(--sp-8);background:var(--sunset);color:var(--white);font-weight:600;font-size:var(--text-sm);border-radius:var(--r-full);transition:all var(--dur-normal)var(--ease-spring);text-decoration:none;display:inline-flex;box-shadow:0 4px 24px #e18e3259}.hero-cta:hover{background:var(--sunset-light);color:var(--white);transform:translateY(-2px);box-shadow:0 8px 32px #e18e3273}.guide-section{padding:var(--sp-16)var(--sp-10);scroll-margin-top:20px}.guide-section:nth-child(2n){background:var(--white)}.guide-section-inner{max-width:960px;margin:0 auto}.section-header{margin-bottom:var(--sp-8)}.section-label{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-3);font-size:var(--text-xs);color:var(--sunset);text-transform:uppercase;letter-spacing:.08em;font-weight:600;display:inline-flex}.section-title{font-size:var(--text-3xl);margin-bottom:var(--sp-2);font-weight:700}.section-subtitle{font-size:var(--text-base);color:var(--stone-500);max-width:640px;line-height:1.7}.photo-strip{width:100%;height:380px;position:relative;overflow:hidden}.photo-strip img{object-fit:cover;object-position:center;width:100%;height:100%}.card{background:var(--sand-light);border-radius:var(--r-lg);padding:var(--sp-6);margin-bottom:var(--sp-4);border:1px solid var(--stone-100);transition:all var(--dur-normal)var(--ease-out)}.card:hover{border-color:var(--stone-200);box-shadow:var(--shadow-sm)}.card-accent-navy{border-left:3px solid var(--navy)}.card-accent-sunset{border-left:3px solid var(--sunset)}.card-accent-danger{border-left:3px solid var(--danger)}.card-title{align-items:center;gap:var(--sp-3);font-family:var(--font-serif);font-size:var(--text-xl);color:var(--stone-900);margin-bottom:var(--sp-5);letter-spacing:-.01em;font-weight:600;display:flex}.card-title-emoji{border-radius:var(--r-md);background:var(--navy-muted);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.25rem;display:flex}.card-title-emoji.warm{background:var(--sunset-pale)}.card-title-emoji.danger{background:var(--danger-bg)}.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-3);padding:var(--sp-3)var(--sp-4);border-radius:var(--r-md);transition:background var(--dur-fast);display:flex}.list-item+.list-item{border-top:1px solid var(--stone-100)}.list-item:hover{background:var(--sand)}.list-item-icon{background:var(--stone-50);border-radius:var(--r-md);flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:.95rem;display:flex}.list-item-icon.navy{background:var(--navy-muted)}.list-item-icon.warm{background:var(--sunset-pale)}.list-item-body{flex:1;min-width:0}.list-item-title{font-size:var(--text-sm);color:var(--stone-800);margin-bottom:2px;font-weight:600}.list-item-desc{font-size:var(--text-sm);color:var(--stone-500);line-height:1.6}.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-3);padding:var(--sp-3)var(--sp-4);background:var(--sand);border-radius:var(--r-lg);display:flex}.step-num{background:var(--navy);width:28px;height:28px;color:var(--white);border-radius:var(--r-full);font-weight:700;font-size:var(--text-xs);flex-shrink:0;justify-content:center;align-items:center;display:flex}.step-num.warm{background:var(--sunset)}.step-body h4{font-size:var(--text-sm);color:var(--stone-800);margin-bottom:2px;font-weight:600}.step-body p{font-size:var(--text-sm);color:var(--stone-500);line-height:1.6}.callout{align-items:flex-start;gap:var(--sp-3);padding:var(--sp-4);border-radius:var(--r-lg);font-size:var(--text-sm);border-left:3px solid;line-height:1.6;display:flex}.callout.info{background:var(--info-bg);color:var(--navy);border-color:var(--info)}.callout.warn{background:var(--warn-bg);color:var(--warn);border-color:var(--warn)}.callout.danger{background:var(--danger-bg);color:var(--danger);border-color:var(--danger)}.callout-emoji{flex-shrink:0;font-size: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.navy{background:var(--navy-muted);color:var(--navy)}.badge.warm{background:var(--sunset-pale);color:var(--sunset);border:1px solid var(--sunset-muted)}.tag-list{gap:var(--sp-2);flex-wrap:wrap;display:flex}.tag{padding:var(--sp-2)var(--sp-3);background:var(--stone-50);border:1px solid var(--stone-100);border-radius:var(--r-full);font-size:var(--text-xs);color:var(--stone-600);transition:all var(--dur-fast);font-weight:500}.tag:hover{background:var(--navy-muted);color:var(--navy);border-color:#0000}.phone-link{align-items:center;gap:var(--sp-2);color:var(--sunset);font-family:var(--font-mono);font-weight:700;font-size:var(--text-lg);transition:color var(--dur-fast);display:inline-flex}.phone-link:hover{color:var(--sunset-light)}.emergency-row{padding:var(--sp-3)var(--sp-4);border-radius:var(--r-md);transition:background var(--dur-fast);justify-content:space-between;align-items:center;display:flex}.emergency-row+.emergency-row{border-top:1px solid var(--stone-100)}.emergency-row:hover{background:var(--sand)}.emergency-name{font-size:var(--text-sm);color:var(--stone-800);font-weight:600}.emergency-sub{font-size:var(--text-xs);color:var(--stone-400)}.emergency-num{font-family:var(--font-mono);font-size:var(--text-2xl);color:var(--sunset);font-weight:800;text-decoration:none}.tips-banner{background:linear-gradient(135deg,var(--navy-dark)0%,var(--navy)60%,var(--navy-light)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%,#e18e321f 0%,#0000 50%),radial-gradient(circle at 85% 20%,#ffffff0a 0%,#0000 40%);position:absolute;inset:0}.tips-banner>*{z-index:1;position:relative}.tips-banner h3{font-family:var(--font-serif);font-size:var(--text-2xl);color:var(--white);margin-bottom:var(--sp-6);font-weight:700}.tips-grid{gap:var(--sp-4);max-width:500px;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);text-align:center;background:#ffffff14;border:1px solid #ffffff1f}.tip-card:hover{background:#ffffff24;transform:translateY(-3px)}.tip-card .tip-emoji{margin-bottom:var(--sp-2);font-size:1.75rem}.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:.7}.tips-cta{align-items:center;gap:var(--sp-2);padding:var(--sp-3)var(--sp-8);background:var(--sunset);color:var(--white);font-weight:700;font-size:var(--text-base);border-radius:var(--r-full);box-shadow:var(--shadow-glow);transition:all var(--dur-normal)var(--ease-spring);text-decoration:none;display:inline-flex}.tips-cta:hover{background:var(--sunset-light);color:var(--white);transform:translateY(-2px);box-shadow:0 6px 24px #e18e3273}.tips-sub{margin-top:var(--sp-4);font-size:var(--text-sm);opacity:.6}.wifi-bar{align-items:center;gap:var(--sp-4);padding:var(--sp-4)var(--sp-6);background:linear-gradient(135deg,var(--navy-dark),var(--navy));border-radius:var(--r-xl);color:#fff;margin-bottom:var(--sp-6);display:flex}.wifi-bar-emoji{flex-shrink:0;font-size:1.5rem}.wifi-bar h4{font-size:var(--text-sm);font-weight:600}.wifi-bar p{font-size:var(--text-sm);opacity:.85}.hl{color:var(--sunset);font-weight:600}.hl-navy{color:var(--navy);font-weight:600}.bottom-nav{height:var(--nav-h);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--stone-100);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(--stone-400);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 .bnav-emoji{font-size:1.25rem}.bnav-item.active{color:var(--navy)}.mobile-header{height:var(--header-h);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--stone-100);z-index:60;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(--stone-700);justify-content:center;align-items:center;font-size:1.25rem;display:flex}.mobile-menu-btn:hover{background:var(--stone-50)}.mobile-brand{font-family:var(--font-serif);font-size:var(--text-base);color:var(--navy);font-weight:600}.sidebar-overlay{z-index:45;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000004d;display:none;position:fixed;inset:0}.sidebar-overlay.open{display:block}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeUp .5s var(--ease-out)both}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.3s}.delay-4{animation-delay:.4s}@media (max-width:767px){.sidebar{transform:translate(-100%)}.sidebar.open{box-shadow:var(--shadow-lg);transform:translate(0)}.main-content{margin-left:0}.mobile-header{display:flex}.bottom-nav{display:block}body{padding-top:var(--header-h);padding-bottom:calc(var(--nav-h) + 8px)}.hero{height:360px}.hero h1{font-size:var(--text-2xl)}.hero-logo{height:56px}.hero-desc{font-size:var(--text-sm)}.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}.photo-strip{height:220px}html{scroll-padding-top:70px}}@media (min-width:768px) and (max-width:1024px){:root{--sidebar-w:240px}.sidebar-link{font-size:var(--text-xs);padding:var(--sp-2)var(--sp-3)}.guide-section-inner{max-width:100%}}@media (min-width:1280px){:root{--sidebar-w:300px}.guide-section-inner{max-width:1040px}}