:root{--primary:#b8501c;--primary-hover:#9a4118;--primary-deep:#7a3212;--primary-light:#fef0e7;--primary-mid:#b8501c1f;--secondary:#1d4f32;--secondary-hover:#153b26;--secondary-deep:#0f2b1a;--secondary-light:#ebf5ee;--secondary-mid:#1d4f321a;--accent:#c49030;--accent-hover:#a87828;--accent-light:#fdf3dc;--accent-dark:#8a6020;--bg-page:#f7f2e9;--bg-cream:#faf6ee;--bg-cream-dark:#f0e8d5;--bg-white:#fff;--bg-surface:#fdfaf6;--bg-subtle:#f4efe6;--text-dark:#231308;--text-dark-mid:#3d2b1f;--text-gray:#6b5548;--text-light:#9d8572;--text-muted:#b8a898;--border:#e2d4c8;--border-light:#ede5da;--border-hover:#c8b5a2;--danger:#dc2626;--danger-light:#fee2e2;--success:#16a34a;--success-light:#dcfce7;--warning:#d97706;--warning-light:#fef3c7;--info:#2563eb;--info-light:#dbeafe;--font-serif:"Playfair Display", Georgia, serif;--font-sans:"Plus Jakarta Sans", system-ui, sans-serif;--shadow-xs:0 1px 2px #3d2b1f0d;--shadow-sm:0 1px 4px #3d2b1f14, 0 1px 2px #3d2b1f0a;--shadow-md:0 4px 12px #3d2b1f1a, 0 2px 4px #3d2b1f0f;--shadow-lg:0 8px 24px #3d2b1f1f, 0 3px 8px #3d2b1f0f;--shadow-xl:0 16px 40px #3d2b1f24, 0 6px 16px #3d2b1f14;--shadow-2xl:0 24px 64px #3d2b1f2e, 0 10px 24px #3d2b1f1a;--shadow-premium:0 32px 80px #3d2b1f26, 0 12px 32px #3d2b1f14;--shadow-card:0 2px 8px #3d2b1f12, 0 1px 2px #3d2b1f0a;--shadow-inset:inset 0 1px 3px #3d2b1f0f;--radius-xs:.25rem;--radius-sm:.375rem;--radius-md:.5rem;--radius-lg:.75rem;--radius-xl:1rem;--radius-2xl:1.5rem;--radius-3xl:2rem;--radius-4xl:2.5rem;--radius-full:9999px;--transition-fast:all .15s ease;--transition:all .25s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1);--sidebar-width:260px;--navbar-height:72px;--max-width:1240px;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{scroll-behavior:smooth;width:100%;min-height:100vh}body{font-family:var(--font-sans);background-color:var(--bg-page);color:var(--text-dark);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6}h1,h2,h3,h4,h5,h6{font-family:var(--font-serif);color:var(--text-dark);line-height:1.2}a{color:inherit;transition:var(--transition);text-decoration:none}button,input,select,textarea{font-family:var(--font-sans);font-size:inherit}img{max-width:100%;display:block}::selection{background:var(--primary-light);color:var(--primary-deep)}*{scrollbar-width:thin;scrollbar-color:var(--border-hover) transparent}::-webkit-scrollbar{width:11px;height:11px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-hover);border:3px solid var(--bg-page);border-radius:8px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.container{width:100%;max-width:var(--max-width);padding:0 var(--space-lg);margin:0 auto}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.gap-8{gap:2rem}.flex-1{flex:1}.flex-wrap{flex-wrap:wrap}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.relative{position:relative}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mr-2{margin-right:.5rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-8{padding:2rem}.p-12{padding:3rem}.px-4{padding-left:1rem;padding-right:1rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-primary{color:var(--primary)}.text-secondary{color:var(--secondary)}.text-gray{color:var(--text-gray)}.text-light{color:var(--text-light)}.text-sm{font-size:.875rem}.text-xs{font-size:.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.border-t{border-top:1px solid var(--border-light)}.border-b{border-bottom:1px solid var(--border-light)}.rounded-2xl{border-radius:var(--radius-2xl)}.shadow-lg{box-shadow:var(--shadow-lg)}.last\:mb-0:last-child{margin-bottom:0}.card{background:var(--bg-white);border-radius:var(--radius-2xl);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition)}.card:hover{box-shadow:var(--shadow-md)}.btn{border-radius:var(--radius-full);font-family:var(--font-sans);cursor:pointer;transition:var(--transition);white-space:nowrap;border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:.625rem 1.5rem;font-size:.9rem;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #b8501c40}.btn-primary:hover:not(:disabled){background:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #b8501c52}.btn-primary:disabled{opacity:.55;cursor:not-allowed}.btn-secondary{background:var(--secondary);color:#fff;box-shadow:0 2px 8px #1d4f3238}.btn-secondary:hover{background:var(--secondary-hover);transform:translateY(-1px)}.btn-outline{color:var(--primary);border:1.5px solid var(--primary);background:0 0}.btn-outline:hover{background:var(--primary-light)}.btn-ghost{color:var(--text-dark);border:1.5px solid var(--border);background:0 0}.btn-ghost:hover{background:var(--bg-subtle);border-color:var(--border-hover)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover{background:#b91c1c}.btn-success{background:var(--success);color:#fff}.btn-success:hover{background:#15803d}.btn-sm{padding:.375rem .875rem;font-size:.8rem}.btn-lg{padding:.875rem 2rem;font-size:1rem}.btn-xl{padding:1rem 2.5rem;font-size:1.05rem}.input{border-radius:var(--radius-lg);border:1.5px solid var(--border);background:var(--bg-surface);width:100%;font-family:var(--font-sans);color:var(--text-dark);transition:var(--transition);appearance:none;outline:none;padding:.75rem 1rem;font-size:.925rem}.input:focus{border-color:var(--primary);background:#fff;box-shadow:0 0 0 3px #b8501c1a}.input::placeholder{color:var(--text-muted)}.input:disabled{background:var(--bg-subtle);cursor:not-allowed;opacity:.7}select.input{cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%239D8572' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14L2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:2.5rem}textarea.input{resize:vertical;min-height:80px}.form-group{margin-bottom:1.125rem}.form-label{color:var(--text-dark);margin-bottom:6px;font-size:.85rem;font-weight:700;display:block}.form-label-row{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.badge{border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.5px;align-items:center;gap:5px;padding:3px 10px;font-size:.7rem;font-weight:800;display:inline-flex}.badge-pending{background:var(--warning-light);color:#92400e}.badge-accepted,.badge-approved{background:var(--success-light);color:#166534}.badge-rejected{background:var(--danger-light);color:#991b1b}.badge-completed{background:var(--secondary);color:#fff}.badge-primary{background:var(--primary-light);color:var(--primary)}.badge-secondary{background:var(--secondary-light);color:var(--secondary)}.alert{border-radius:var(--radius-lg);align-items:center;gap:10px;margin-bottom:20px;padding:12px 16px;font-size:.875rem;font-weight:600;display:flex}.alert-error{background:var(--danger-light);color:var(--danger);border:1px solid #dc262633}.alert-success{background:var(--success-light);color:var(--success);border:1px solid #16a34a33}.data-table-wrapper{border-radius:var(--radius-2xl);border:1px solid var(--border-light);overflow-x:auto}.data-table{border-collapse:collapse;width:100%;font-size:.9rem}.data-table thead tr{background:var(--bg-surface);border-bottom:1px solid var(--border-light)}.data-table th{text-align:left;font-family:var(--font-sans);color:var(--text-light);text-transform:uppercase;letter-spacing:.7px;white-space:nowrap;padding:14px 20px;font-size:.75rem;font-weight:800}.data-table td{border-bottom:1px solid var(--border-light);color:var(--text-dark);vertical-align:middle;padding:16px 20px}.data-table tbody tr:last-child td{border-bottom:none}.data-table tbody tr:hover{background:var(--bg-surface)}.glass{-webkit-backdrop-filter:blur(16px);background:#ffffffbf;border:1px solid #ffffff4d}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}.animate-fade-in{animation:.5s cubic-bezier(.22,1,.36,1) forwards fadeInUp}.spinner{border:3px solid var(--border);border-top-color:var(--primary);border-radius:50%;width:32px;height:32px;margin:0 auto;animation:.7s linear infinite spin}.loading-screen{background:var(--bg-page);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.loading-screen p{color:var(--text-gray);font-size:.95rem;font-weight:500}.progress-track{background:var(--border-light);border-radius:var(--radius-full);width:100%;height:10px;overflow:hidden}.progress-fill{border-radius:var(--radius-full);background:var(--primary);height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.progress-fill.full{background:var(--success)}.divider{background:var(--border-light);height:1px;margin:1.5rem 0}.pill{background:var(--bg-subtle);border:1px solid var(--border);border-radius:var(--radius-full);color:var(--text-gray);align-items:center;gap:4px;padding:4px 12px;font-size:.78rem;font-weight:600;display:inline-flex}.navbar-wrapper{width:100%;height:var(--navbar-height);z-index:1000;transition:var(--transition-slow);justify-content:center;align-items:center;display:flex;position:fixed;top:0}.navbar-wrapper.nav-transparent{-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 var(--border-light);background:#fffffff7}.navbar-wrapper.scrolled{-webkit-backdrop-filter:blur(20px);height:64px;box-shadow:0 1px 0 var(--border-light), 0 4px 24px #3d2b1f0f;background:#fdfaf5f7}.navbar-container{width:100%;max-width:var(--max-width);justify-content:space-between;align-items:center;padding:0 32px;display:flex}.nav-links{gap:2.25rem;display:flex}.nav-links a{color:var(--text-gray);transition:var(--transition);padding-bottom:2px;font-size:.9rem;font-weight:500;text-decoration:none;position:relative}.nav-links a:hover{color:var(--primary)}.nav-links a.active{color:var(--primary);font-weight:700}.nav-links a.active:after{content:"";background:var(--primary);border-radius:var(--radius-full);width:100%;height:2px;position:absolute;bottom:-4px;left:0}.nav-actions{align-items:center;gap:12px;display:flex}.btn-outline-light{color:#fff;background:0 0;border:1.5px solid #ffffff8c}.btn-outline-light:hover{background:#ffffff1f;border-color:#fff}.hero-section{padding-top:var(--navbar-height);background:linear-gradient(150deg,#fef6ec 0%,#faf0e0 35%,#fdf3dc 70%,#fef6ec 100%);flex-direction:column;justify-content:center;min-height:90vh;display:flex;position:relative;overflow:hidden}.hero-bg-orb{pointer-events:none;z-index:0;border-radius:50%;position:absolute}.hero-orb-1{background:radial-gradient(circle,#c4903024 0%,#0000 65%);width:600px;height:600px;top:-120px;right:-60px}.hero-orb-2{background:radial-gradient(circle,#b8501c17 0%,#0000 65%);width:350px;height:350px;bottom:20px;left:5%}.hero-split{z-index:2;grid-template-columns:1fr 1fr;align-items:center;gap:72px;padding:80px 0;display:grid;position:relative}.hero-image-side{position:relative}.hero-img-card{object-fit:cover;border-radius:28px;width:100%;height:560px;display:block;box-shadow:0 32px 80px #b8501c2e,0 8px 24px #0000001a}.hero-badge{color:var(--accent);border-radius:var(--radius-full);letter-spacing:1.8px;text-transform:uppercase;background:#c490301f;border:1px solid #c4903059;align-items:center;gap:10px;margin-bottom:28px;padding:7px 18px;font-size:.73rem;font-weight:800;display:inline-flex}.badge-pulse{border-radius:var(--radius-full);background:var(--accent);width:7px;height:7px;animation:2s ease-in-out infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,to{transform:scale(1);box-shadow:0 0 #c4903099}50%{transform:scale(1.25);box-shadow:0 0 0 7px #c4903000}}.hero-title{color:var(--text-dark);letter-spacing:-3px;font-size:6.5rem;font-weight:950;line-height:.88;font-family:var(--font-serif);margin:0}.hero-subtitle{color:var(--secondary);font-size:1.55rem;font-weight:600;line-height:1.45;font-family:var(--font-serif);margin:0 0 28px}.hero-description{color:var(--text-gray);max-width:520px;margin-bottom:44px;font-size:1.05rem;line-height:1.8}.hero-batik-strip{width:280px;margin:18px 0 22px}.hero-batik-strip svg{width:100%;height:18px;display:block}.hero-buttons{flex-wrap:wrap;align-items:center;gap:14px;display:flex}.btn-hero-primary{background:var(--primary);color:#fff;border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;border:none;align-items:center;gap:8px;padding:.9rem 2.25rem;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 8px 28px #b8501c66}.btn-hero-primary:hover{background:var(--primary-hover);transform:translateY(-2px);box-shadow:0 12px 36px #b8501c7a}.btn-hero-outline{color:var(--text-dark);border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;background:0 0;border:1.5px solid #0003;align-items:center;padding:.9rem 2.25rem;font-size:1rem;font-weight:600;display:inline-flex}.btn-hero-outline:hover{border-color:var(--primary);color:var(--primary);background:#0000000a}.hero-stats-float{border-top:1px solid #00000014;flex-wrap:wrap;gap:36px;margin-top:44px;padding-top:28px;display:flex}.hero-stat-chip{flex-direction:column;gap:2px;display:flex}.hero-stat-num{font-size:1.75rem;font-weight:900;font-family:var(--font-serif);color:var(--primary);line-height:1}.hero-stat-lbl{color:var(--text-gray);font-size:.78rem;font-weight:500}.hero-scroll-hint{z-index:3;flex-direction:column;align-items:center;gap:8px;display:flex;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.hero-scroll-hint span{color:#0000004d;letter-spacing:2px;text-transform:uppercase;font-size:.7rem}.scroll-mouse{border:2px solid #0000002e;border-radius:12px;justify-content:center;width:24px;height:38px;padding-top:6px;display:flex}.scroll-wheel{background:#00000040;border-radius:2px;width:4px;height:7px;animation:1.8s ease-in-out infinite scroll-anim}@keyframes scroll-anim{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(10px)}}.section-padding{padding:100px 0}.section-header{margin-bottom:60px}.section-chip{background:var(--accent-light);color:var(--accent);border-radius:var(--radius-full);letter-spacing:2px;text-transform:uppercase;border:1px solid #c4903033;align-items:center;margin-bottom:14px;padding:5px 16px;font-size:.7rem;font-weight:800;display:inline-flex}.section-title{color:var(--text-dark);font-size:2.75rem;font-weight:900;line-height:1.15;font-family:var(--font-serif);margin-bottom:14px}.section-title em{color:var(--accent);font-style:italic}.section-sub{color:var(--text-gray);max-width:540px;margin:0 auto;font-size:1.02rem;line-height:1.75}.see-all-link{color:var(--primary);transition:var(--transition);white-space:nowrap;align-items:center;gap:6px;font-size:.9rem;font-weight:700;display:inline-flex}.see-all-link span{transition:transform .2s}.see-all-link:hover span{transform:translate(4px)}.features-row{grid-template-columns:repeat(auto-fit,minmax(175px,1fr));gap:20px;display:grid}.feature-card{background:var(--bg-white);border-radius:var(--radius-2xl);text-align:center;border:1px solid var(--border-light);transition:var(--transition);box-shadow:var(--shadow-card);padding:36px 24px;position:relative;overflow:hidden}.feature-card:hover{box-shadow:var(--shadow-lg);border-color:#b8501c1a;transform:translateY(-4px)}.feature-num{color:var(--primary);opacity:.2;letter-spacing:1px;font-size:.65rem;font-weight:800;font-family:var(--font-serif);position:absolute;top:16px;right:16px}.icon-circle{width:68px;height:68px;transition:var(--transition);border-radius:18px;justify-content:center;align-items:center;margin:0 auto 24px;font-size:1.9rem;display:flex}.feature-card:hover .icon-circle{transform:scale(1.1)rotate(5deg)}.feature-card h3{font-family:var(--font-sans);margin-bottom:8px;font-size:.95rem;font-weight:700}.feature-card p{color:var(--text-gray);font-size:.83rem;line-height:1.6}.stats-bar-section{background:var(--secondary);padding:60px 0;position:relative;overflow:hidden}.stats-bar-pattern{background-image:radial-gradient(at 10%,#b8501c24 0%,#0000 60%),radial-gradient(at 90%,#ffffff08 0%,#0000 60%);position:absolute;inset:0}.stats-bar-grid{z-index:2;grid-template-columns:repeat(4,1fr);display:grid;position:relative}.stats-bar-item{text-align:center;border-right:1px solid #ffffff12;flex-direction:column;align-items:center;padding:20px;display:flex}.stats-bar-item:last-child{border-right:none}.stats-bar-num{font-size:3.25rem;font-weight:900;font-family:var(--font-serif);color:var(--accent);line-height:1;display:block}.stats-bar-lbl{color:#ffffff80;margin-top:8px;font-size:.82rem;font-weight:500}.recommendation-box{background:var(--bg-white);box-shadow:var(--shadow-premium);border:1px solid var(--border-light);border-radius:28px;padding:52px}.rec-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:44px;display:grid}.rec-item{background:var(--bg-surface);border:1.5px solid var(--border);border-radius:var(--radius-xl);transition:var(--transition);cursor:pointer;align-items:center;gap:14px;padding:16px 18px;display:flex}.rec-item:hover{border-color:var(--primary);background:#fff;transform:translateY(-2px);box-shadow:0 4px 16px #b8501c1a}.rec-icon{border-radius:var(--radius-lg);width:46px;height:46px;box-shadow:var(--shadow-sm);background:#fff;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex}.rec-title{color:var(--text-light);text-transform:uppercase;letter-spacing:.8px;font-size:.68rem;font-weight:700}.rec-value{color:var(--text-dark);font-size:.92rem;font-weight:700}.dest-grid{grid-template-rows:auto auto;grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.dest-card{box-shadow:var(--shadow-lg);border-radius:22px;min-height:250px;position:relative;overflow:hidden}.dest-featured{grid-row:span 2;min-height:520px}.dest-img{object-fit:cover;width:100%;height:100%;transition:transform .8s cubic-bezier(.2,0,.2,1)}.dest-card:hover .dest-img{transform:scale(1.07)}.dest-overlay{color:#fff;background:linear-gradient(#0000 0%,#00000040 50%,#000000d1 100%);flex-direction:column;justify-content:flex-end;padding:24px;display:flex;position:absolute;inset:0}.dest-name{font-size:1.45rem;font-weight:800;font-family:var(--font-serif);margin-bottom:4px}.dest-featured .dest-name{font-size:2rem}.dest-loc{opacity:.82;font-size:.82rem;font-weight:500}.events-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:22px;display:grid}.event-card{background:var(--bg-white);box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition);border-radius:20px;overflow:hidden}.event-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-5px)}.event-img-wrap{height:185px;position:relative;overflow:hidden}.event-img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.event-card:hover .event-img{transform:scale(1.06)}.date-badge{text-align:center;box-shadow:var(--shadow-md);color:var(--primary);background:#fff;border-radius:10px;padding:7px 10px;font-size:.82rem;font-weight:800;line-height:1.3;position:absolute;top:12px;right:12px}.event-info{padding:18px 20px 20px}.event-title{font-size:.98rem;font-weight:700;font-family:var(--font-sans);margin-bottom:5px}.event-loc-text{color:var(--text-gray);margin-bottom:12px;font-size:.8rem}.cat-badge{border-radius:var(--radius-full);padding:3px 10px;font-size:.7rem;font-weight:700;display:inline-block}.test-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.test-card{background:var(--bg-white);border:1px solid var(--border-light);box-shadow:var(--shadow-card);transition:var(--transition);border-radius:24px;padding:36px 32px;position:relative;overflow:hidden}.test-card:hover{box-shadow:var(--shadow-xl);border-color:#b8501c1a;transform:translateY(-5px)}.test-quote-mark{color:var(--primary);opacity:.08;pointer-events:none;-webkit-user-select:none;user-select:none;font-family:Georgia,serif;font-size:6rem;line-height:.5;position:absolute;top:24px;left:22px}.stars{color:#f59e0b;letter-spacing:3px;margin-bottom:16px;font-size:.95rem;display:block}.test-comment{color:var(--text-dark);z-index:1;opacity:.8;margin-bottom:28px;font-size:.94rem;font-style:italic;line-height:1.85;position:relative}.test-user{border-top:1px solid var(--border-light);align-items:center;gap:12px;padding-top:18px;display:flex}.avatar-initials{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--primary) 0%, var(--secondary) 100%);color:#fff;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;font-size:.8rem;font-weight:800;display:flex}.user-info h4{font-family:var(--font-sans);margin-bottom:2px;font-size:.9rem;font-weight:700}.user-info p{color:var(--text-light);font-size:.78rem}.cta-section{background:var(--primary);text-align:center;padding:110px 0;position:relative;overflow:hidden}.cta-bg-orb{pointer-events:none;border-radius:50%;position:absolute}.cta-orb-1{background:radial-gradient(circle,#ffffff12 0%,#0000 70%);width:600px;height:600px;top:-200px;left:-100px}.cta-orb-2{background:radial-gradient(circle,#00000014 0%,#0000 70%);width:500px;height:500px;bottom:-150px;right:-80px}.cta-badge{color:#fff;border-radius:var(--radius-full);letter-spacing:2px;text-transform:uppercase;background:#ffffff29;border:1px solid #ffffff47;align-items:center;margin-bottom:24px;padding:5px 18px;font-size:.7rem;font-weight:800;display:inline-flex}.cta-heading{color:#fff;font-size:3.25rem;font-weight:900;line-height:1.18;font-family:var(--font-serif);margin-bottom:20px}.cta-desc{color:#ffffffc2;max-width:500px;margin:0 auto 48px;font-size:1.05rem;line-height:1.8}.cta-actions{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.cta-btn-primary{color:var(--primary);border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;background:#fff;border:none;padding:.9rem 2.5rem;font-size:.95rem;font-weight:800;box-shadow:0 8px 28px #0000002e}.cta-btn-primary:hover{transform:translateY(-3px);box-shadow:0 14px 40px #00000038}.cta-btn-secondary{color:#fff;border-radius:var(--radius-full);transition:var(--transition);cursor:pointer;background:0 0;border:2px solid #ffffff73;padding:.9rem 2.5rem;font-size:.95rem;font-weight:600}.cta-btn-secondary:hover{background:#ffffff1a;border-color:#fff;transform:translateY(-2px)}.footer-wrapper{background:var(--secondary-deep);color:#fff;padding:88px 0 36px}.footer-container{grid-template-columns:2.2fr 1fr 1fr 1fr 1.8fr;gap:56px;margin-bottom:64px;display:grid}.footer-brand p{opacity:.55;max-width:260px;margin-top:18px;font-size:.88rem;line-height:1.8}.footer-col h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-bottom:24px;font-size:.72rem;font-weight:800}.footer-col ul{list-style:none}.footer-col ul li{margin-bottom:12px}.footer-col ul a{opacity:.6;transition:var(--transition);font-size:.9rem;display:inline-block}.footer-col ul a:hover{opacity:1;color:#ffb380;padding-left:4px}.footer-newsletter h4{font-family:var(--font-sans);text-transform:uppercase;letter-spacing:1.5px;opacity:.4;margin-bottom:16px;font-size:.72rem;font-weight:800}.newsletter-box{background:#ffffff0d;border:1px solid #ffffff12;border-radius:18px;padding:24px}.newsletter-box p{opacity:.6;margin-bottom:16px;font-size:.85rem;line-height:1.6}.input-group{gap:8px;display:flex}.input-group input{border-radius:var(--radius-full);color:#fff;font-family:var(--font-sans);transition:var(--transition);background:#ffffff14;border:1px solid #ffffff1f;outline:none;flex:1;padding:10px 16px;font-size:.875rem}.input-group input::placeholder{color:#ffffff59}.input-group input:focus{background:#ffffff1f;border-color:#ffffff59}.btn-send{background:var(--primary);border-radius:var(--radius-full);cursor:pointer;width:44px;height:44px;transition:var(--transition);border:none;flex-shrink:0;justify-content:center;align-items:center;font-size:1rem;display:flex}.btn-send:hover{background:var(--primary-hover);transform:scale(1.08)}.footer-bottom{text-align:center;opacity:.35;border-top:1px solid #ffffff0f;padding-top:28px;font-size:.82rem}.auth-page{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-visual{background:var(--secondary-deep);position:relative;overflow:hidden}.auth-visual-bg{filter:saturate(1.1);background-position:50%;background-size:cover;position:absolute;inset:0}.auth-visual-overlay{background:linear-gradient(160deg,#1d4f3238 0%,#12301e9e 55%,#08160eeb 100%);position:absolute;inset:0}.auth-visual-body{z-index:2;color:#fff;flex-direction:column;justify-content:space-between;height:100%;min-height:100vh;padding:40px 48px;display:flex;position:relative}.auth-visual-bottom{padding-bottom:8px}.auth-visual-quote{font-family:var(--font-serif);max-width:380px;margin-bottom:16px;font-size:2.1rem;font-weight:700;line-height:1.28}.auth-visual-sub{opacity:.68;max-width:360px;font-size:1rem;line-height:1.75}.auth-visual-dots{gap:8px;margin-top:36px;display:flex}.auth-visual-dot{border-radius:var(--radius-full);background:#ffffff4d;width:8px;height:8px}.auth-visual-dot.active{background:var(--accent);width:24px}.auth-form-wrapper{background:var(--bg-cream);justify-content:center;align-items:center;padding:48px 40px;display:flex}.auth-form-box{width:100%;max-width:420px;box-shadow:var(--shadow-premium);border:1px solid var(--border-light);background:#fff;border-radius:28px;padding:48px}.auth-back-link{color:var(--text-gray);transition:var(--transition-fast);align-items:center;gap:6px;margin-bottom:20px;font-size:.84rem;font-weight:600;display:inline-flex}.auth-back-link:hover{color:var(--primary);transform:translate(-3px)}.auth-logo-wrap{justify-content:center;margin-bottom:32px;display:flex}.auth-heading{text-align:center;font-family:var(--font-serif);color:var(--text-dark);margin-bottom:6px;font-size:1.75rem;font-weight:800}.auth-subtext{text-align:center;color:var(--text-light);margin-bottom:28px;font-size:.875rem;line-height:1.6}.auth-divider{background:var(--border-light);height:1px;margin:20px 0}.auth-footer-text{text-align:center;color:var(--text-gray);margin-top:24px;font-size:.875rem}.auth-footer-text a{color:var(--primary);font-weight:700}.form-label-group{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.form-hint{color:var(--primary);font-size:.78rem;font-weight:600}.auth-split-layout{grid-template-columns:1fr 1fr;min-height:100vh;display:grid}.auth-visual-side{background-position:50%;background-size:cover;position:relative}.auth-visual-side:after{content:"";background:linear-gradient(160deg,#1d4f3233 0%,#0a1e12e0 100%);position:absolute;inset:0}.auth-visual-content{z-index:2;color:#fff;flex-direction:column;justify-content:flex-end;height:100%;padding:48px;display:flex;position:relative}.auth-visual-content h2{max-width:380px;margin-bottom:16px;font-size:2.5rem}.auth-form-side{background:var(--bg-cream);justify-content:center;align-items:center;padding:48px 32px;display:flex}.auth-form-card{width:100%;max-width:420px;box-shadow:var(--shadow-premium);border:1px solid var(--border-light);background:#fff;border-radius:28px;padding:48px}.db-layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.db-sidebar{color:var(--text-dark);width:var(--sidebar-width);scrollbar-width:thin;scrollbar-color:#0000001f transparent;background:linear-gradient(175deg,#d8c6a2 0%,#c9b68c 100%);border-right:1px solid #4a37282e;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.db-sidebar::-webkit-scrollbar{width:4px}.db-sidebar::-webkit-scrollbar-track{background:0 0}.db-sidebar::-webkit-scrollbar-thumb{background:#0000001f;border-radius:4px}.db-sidebar-brand{border-bottom:1px solid var(--border-light);flex-shrink:0;padding:26px 20px 18px}.db-sidebar-role{letter-spacing:2.5px;color:var(--text-dark-mid);text-transform:uppercase;margin-top:10px;font-size:.6rem;font-weight:800}.db-sidebar-nav{flex-direction:column;flex:1;gap:2px;padding:14px 12px;display:flex}.db-sidebar-section{text-transform:uppercase;letter-spacing:2px;color:var(--text-muted);padding:14px 12px 6px;font-size:.58rem;font-weight:800}.db-sidebar-link{color:var(--text-dark-mid);transition:var(--transition-fast);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;width:100%;padding:10px 13px;font-size:.875rem;font-weight:600;text-decoration:none;display:flex}.db-sidebar-link:hover{color:var(--text-dark);background:#4a372814;transform:translate(3px)}.db-sidebar-link.active{background:var(--primary-light);color:var(--primary);font-weight:700}.db-sidebar-icon{width:32px;height:32px;transition:var(--transition-fast);background:#4a37281a;border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;font-size:.88rem;display:flex}.db-sidebar-link.active .db-sidebar-icon{background:#b8501c29}.db-sidebar-badge{background:var(--primary);color:#fff;border-radius:var(--radius-full);flex-shrink:0;margin-left:auto;padding:2px 7px;font-size:.62rem;font-weight:800}.db-sidebar-link.active .db-sidebar-badge{background:var(--primary)}.db-sidebar-footer{border-top:1px solid var(--border-light);flex-direction:column;flex-shrink:0;gap:8px;padding:14px 12px 20px;display:flex}.db-sidebar-user{background:#4a372812;border-radius:12px;align-items:center;gap:11px;padding:10px 12px;display:flex}.db-sidebar-avatar{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--accent) 0%, var(--accent-dark) 100%);color:#fff;letter-spacing:.5px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:.72rem;font-weight:800;display:flex}.db-sidebar-username{color:var(--text-dark);white-space:nowrap;text-overflow:ellipsis;font-size:.82rem;font-weight:700;display:block;overflow:hidden}.db-sidebar-useremail{color:var(--text-dark-mid);white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;display:block;overflow:hidden}.db-sidebar-logout{color:var(--text-gray);cursor:pointer;transition:var(--transition-fast);text-align:left;background:0 0;border:none;border-radius:12px;align-items:center;gap:11px;width:100%;padding:9px 13px;font-size:.84rem;font-weight:500;display:flex}.db-sidebar-logout:hover{color:var(--danger);background:#dc26261a}.db-main{background:var(--bg-page);min-height:100vh;padding:40px 44px 64px;animation:.4s both fadeIn;overflow-y:auto}.db-page-header{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:32px;padding-bottom:20px;display:flex}.db-page-title{font-family:var(--font-serif);color:var(--text-dark);margin:0 0 4px;font-size:1.9rem;font-weight:800;line-height:1.2;position:relative}.db-page-title:after{content:"";background:linear-gradient(90deg, var(--primary), var(--accent));border-radius:3px;width:44px;height:3px;margin-top:12px;display:block}.db-page-sub{color:var(--text-light);margin:0;font-size:.875rem;font-weight:400}.db-stat-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;margin-bottom:32px;display:grid}.db-stat-card{box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition);background:#fff;border-radius:18px;padding:22px 24px;position:relative;overflow:hidden}.db-stat-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-hover);transform:translateY(-3px)}.db-stat-card:after{content:"";background:var(--stat-color,var(--primary));border-radius:0 0 2px 2px;height:3px;position:absolute;top:0;left:0;right:0}.db-stat-header{justify-content:space-between;align-items:flex-start;margin-bottom:16px;display:flex}.db-stat-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.5px;font-size:.78rem;font-weight:700}.db-stat-icon{border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;font-size:1.1rem;display:flex}.db-stat-value{font-size:2.1rem;font-weight:900;line-height:1;font-family:var(--font-serif);color:var(--text-dark)}.db-section{border:1px solid var(--border-light);box-shadow:var(--shadow-card);background:#fff;border-radius:20px;margin-bottom:24px;overflow:hidden}.db-section-head{border-bottom:1px solid var(--border-light);justify-content:space-between;align-items:center;padding:22px 28px;display:flex}.db-section-title{font-family:var(--font-serif);color:var(--text-dark);margin:0 0 3px;font-size:1.15rem;font-weight:800}.db-section-sub{color:var(--text-light);margin:0;font-size:.8rem}.db-section-body{padding:24px 28px}.dashboard-layout{grid-template-columns:var(--sidebar-width) 1fr;min-height:100vh;display:grid}.dashboard-sidebar{background:var(--secondary);color:#fff;flex-direction:column;height:100vh;padding:0;display:flex;position:sticky;top:0;overflow-y:auto}.sidebar-nav{flex-direction:column;gap:2px;padding:14px 12px;display:flex}.sidebar-link{transition:var(--transition-fast);opacity:.6;color:#fff;border-radius:12px;align-items:center;gap:10px;padding:10px 14px;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.sidebar-link:hover,.sidebar-link.active{opacity:1;background:#ffffff1a}.sidebar-link.active{background:var(--primary);opacity:1}.dashboard-main{background:var(--bg-page);padding:40px 44px 60px;overflow-y:auto}.stat-grid{grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:18px;margin-bottom:32px;display:grid}.stat-card{box-shadow:var(--shadow-card);border:1px solid var(--border-light);border-top:3px solid var(--primary);transition:var(--transition);background:#fff;border-radius:18px;padding:22px 24px}.stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.pkg-grid{grid-template-columns:repeat(2,1fr);gap:20px;display:grid}.pkg-card{box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition);background:#fff;border-radius:20px;flex-direction:column;display:flex;overflow:hidden}.pkg-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.pkg-img-wrap{flex-shrink:0;height:190px;position:relative;overflow:hidden}.pkg-img-wrap img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.pkg-card:hover .pkg-img-wrap img{transform:scale(1.05)}.pkg-loc-badge{color:#fff;border-radius:var(--radius-full);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000b8;padding:4px 10px;font-size:.72rem;font-weight:700;position:absolute;bottom:12px;left:12px}.pkg-body{flex-direction:column;flex:1;padding:18px 20px 20px;display:flex}.pkg-title{font-family:var(--font-sans);color:var(--text-dark);margin-bottom:6px;font-size:1.05rem;font-weight:800;line-height:1.35}.pkg-desc{color:var(--text-gray);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;margin-bottom:16px;font-size:.84rem;line-height:1.55;display:-webkit-box;overflow:hidden}.pkg-footer{border-top:1px solid var(--border-light);justify-content:space-between;align-items:center;margin-top:auto;padding-top:14px;display:flex}.pkg-price-label{color:var(--text-light);text-transform:uppercase;font-size:.65rem;font-weight:700}.pkg-price{color:var(--accent-dark);font-size:1.05rem;font-weight:800}.booking-card{border:1px solid var(--border-light);box-shadow:var(--shadow-xs);transition:var(--transition);background:#fff;border-radius:16px;padding:16px}.booking-card:hover{box-shadow:var(--shadow-md)}.booking-card.pending{border-left:3px solid var(--warning)}.booking-card.accepted{border-left:3px solid var(--success)}.booking-card.rejected{border-left:3px solid var(--danger);opacity:.75}.booking-card-header{justify-content:space-between;align-items:flex-start;gap:8px;margin-bottom:10px;display:flex}.booking-title{color:var(--text-dark);font-size:.9rem;font-weight:800;line-height:1.3}.booking-meta{color:var(--text-gray);font-size:.78rem}.booking-meta p{margin-bottom:2px}.studio-tabs{background:var(--bg-subtle);border-radius:var(--radius-full);border:1px solid var(--border-light);gap:4px;width:fit-content;margin:0 auto;padding:5px;display:flex}.studio-tab{border-radius:var(--radius-full);cursor:pointer;transition:var(--transition);color:var(--text-gray);background:0 0;border:none;align-items:center;gap:8px;padding:10px 24px;font-size:.9rem;font-weight:600;display:flex}.studio-tab.active{color:var(--primary);box-shadow:var(--shadow-sm);background:#fff;font-weight:700}.memory-card{box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition);background:#fff;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.memory-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px)}.memory-card-img{height:160px;overflow:hidden}.memory-card-img img{object-fit:cover;width:100%;height:100%;transition:transform .5s}.memory-card:hover .memory-card-img img{transform:scale(1.06)}.memory-card-body{flex-direction:column;flex:1;padding:16px 18px;display:flex}.story-card{box-shadow:var(--shadow-card);border:1px solid var(--border-light);transition:var(--transition);background:#fff;border-radius:20px;padding:28px}.story-card:hover{box-shadow:var(--shadow-lg)}.story-card-img{border-radius:14px;margin-top:20px;overflow:hidden}.story-card-img img{object-fit:cover;width:100%;max-height:400px}.trip-tabs{background:var(--bg-surface);border:1px solid var(--border-light);border-radius:12px;gap:3px;padding:4px;display:flex}.trip-tab{cursor:pointer;color:var(--text-gray);transition:var(--transition-fast);background:0 0;border:none;border-radius:9px;padding:8px 18px;font-size:.82rem;font-weight:600}.trip-tab.active{background:var(--primary);color:#fff;font-weight:700}.checklist-category-header{text-transform:uppercase;letter-spacing:1.2px;color:var(--primary);border-bottom:2px solid var(--primary-light);margin-bottom:12px;padding-bottom:10px;font-size:.72rem;font-weight:800}.checklist-item{border-radius:10px;justify-content:space-between;align-items:center;padding:10px 12px;transition:background .15s;display:flex}.checklist-item:hover{background:var(--bg-surface)}.checklist-item-actions{opacity:0;gap:8px;transition:opacity .15s;display:flex}.checklist-item:hover .checklist-item-actions{opacity:1}.checklist-action-btn{cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;font-size:.85rem;transition:background .15s}.checklist-action-btn:hover{background:var(--border-light)}.pkg-detail-nav{-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-light);width:100%;box-shadow:var(--shadow-xs);height:var(--navbar-height);z-index:100;background:#fffffff7;align-items:center;display:flex;position:sticky;top:0}.pkg-hero-wrap{height:480px;box-shadow:var(--shadow-premium);border-radius:28px;margin-bottom:32px;position:relative;overflow:hidden}.pkg-hero-img{object-fit:cover;width:100%;height:100%}.pkg-hero-overlay{color:#fff;background:linear-gradient(#0000 30%,#000c 100%);flex-direction:column;justify-content:flex-end;padding:36px;display:flex;position:absolute;inset:0}.pkg-meta-row{gap:32px;margin-bottom:28px;display:flex}.pkg-meta-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px;font-size:.68rem;font-weight:700}.pkg-meta-value{color:var(--text-dark);font-size:1rem;font-weight:800}.weather-card{background:linear-gradient(135deg, var(--secondary-light) 0%, #f0faf4 100%);border:1px solid #1d4f321f;border-left:4px solid var(--secondary);border-radius:18px;margin-bottom:24px;padding:24px 28px}.weather-grid{align-items:center;gap:36px;display:flex}.weather-metric-label{color:var(--text-light);text-transform:uppercase;letter-spacing:.7px;margin-bottom:4px;font-size:.65rem;font-weight:800}.weather-metric-value{color:var(--secondary);font-size:1.75rem;font-weight:900;font-family:var(--font-serif)}.weather-metric-sub{color:var(--text-dark);font-size:1.1rem;font-weight:700}.booking-form-card{box-shadow:var(--shadow-xl);border:1px solid var(--border-light);top:calc(var(--navbar-height) + 24px);background:#fff;border-radius:24px;padding:28px;position:sticky}.booking-price-header{text-align:center;border-bottom:1px solid var(--border-light);margin-bottom:20px;padding-bottom:20px}.booking-price-label{color:var(--text-light);margin-bottom:4px;font-size:.78rem;font-weight:600}.booking-price-value{color:var(--secondary);font-size:2.25rem;font-weight:900;font-family:var(--font-serif);line-height:1}.booking-total-row{border-top:2px dashed var(--border);justify-content:space-between;align-items:center;margin:8px 0 16px;padding:14px 0;display:flex}.booking-total-label{font-weight:700}.booking-total-value{color:var(--primary);font-size:1.5rem;font-weight:900;font-family:var(--font-serif)}.pending-page{background:var(--bg-cream);flex-direction:column;min-height:100vh;display:flex}.pending-body{flex:1;justify-content:center;align-items:center;padding:40px 24px;display:flex}.pending-card{width:100%;max-width:580px;box-shadow:var(--shadow-premium);border:1px solid var(--border-light);text-align:center;background:#fff;border-radius:28px;padding:60px 52px}.pending-icon-wrap{border-radius:var(--radius-full);background:var(--accent-light);justify-content:center;align-items:center;width:88px;height:88px;margin:0 auto 28px;font-size:2.5rem;display:flex}@media (width<=1024px){.hero-title{font-size:4.5rem}.hero-subtitle{font-size:1.35rem}.hero-split{grid-template-columns:1fr;gap:48px;padding:60px 0}.hero-img-card{height:380px}.section-title{font-size:2.2rem}.stats-bar-grid{grid-template-columns:repeat(2,1fr)}.stats-bar-item{border-bottom:1px solid #ffffff12}.dest-grid{grid-template-columns:repeat(2,1fr)}.dest-featured{grid-area:span 1/span 2;min-height:300px}.test-grid{grid-template-columns:1fr}.footer-container{grid-template-columns:1fr 1fr;gap:40px}.cta-heading{font-size:2.5rem}.auth-split-layout{grid-template-columns:1fr}.auth-visual-side{display:none}.auth-page{grid-template-columns:1fr}.auth-visual{display:none}.db-layout{grid-template-columns:1fr}.db-sidebar{display:none}.dashboard-layout{grid-template-columns:1fr}.dashboard-sidebar{display:none}.pkg-grid{grid-template-columns:1fr}.db-stat-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.db-main,.dashboard-main{padding:24px 20px 48px}}@media (width<=640px){.hero-title{letter-spacing:-2px;font-size:3.5rem}.hero-subtitle{font-size:1.15rem}.hero-img-card{height:300px}.hero-stats-float{gap:20px}.rec-grid{grid-template-columns:1fr 1fr}.dest-grid{grid-template-columns:1fr}.dest-featured{grid-column:span 1}.footer-container{grid-template-columns:1fr}.cta-heading{font-size:2rem}.test-grid{grid-template-columns:1fr}}