.demo-hero{background:var(--ink);padding:120px 0}.demo-hero-title{margin-bottom:28px;font-size:clamp(42px,5vw,68px);line-height:1.1}.demo-hero-title span{color:var(--yellow)}.demo-hero-description{color:var(--slate);max-width:650px;margin-bottom:40px;font-size:18px;line-height:1.9}.demo-hero-buttons{flex-wrap:wrap;gap:18px;margin-bottom:40px;display:flex}.demo-hero-features{flex-wrap:wrap;gap:18px 28px;display:flex}.demo-hero-features span{color:var(--white)}.demo-preview-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden}.demo-preview-header{border-bottom:1px solid var(--line);padding:22px;font-weight:600}.demo-preview-item{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:20px 24px;display:flex}.demo-preview-item:last-child{border:none}.demo-preview-item span{color:var(--slate)}.demo-preview-item strong{color:var(--white)}@media (max-width:991px){.demo-hero{text-align:center}.demo-hero-buttons,.demo-hero-features{justify-content:center}}.demo-frontend{background:var(--surface);padding:110px 0}.demo-section-title{margin-bottom:22px;font-size:clamp(34px,4vw,50px)}.demo-section-description{color:var(--slate);margin-bottom:35px;line-height:1.9}.demo-guide{background:var(--ink);border:1px solid var(--line);border-radius:18px;margin-bottom:35px;padding:30px}.demo-guide h5{margin-bottom:20px}.demo-guide ul{margin:0;padding:0;list-style:none}.demo-guide li{border-bottom:1px solid #ffffff0d;padding:12px 0}.demo-guide li:last-child{border:none}.demo-buttons{flex-wrap:wrap;gap:18px;display:flex}.demo-browser{background:var(--ink);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 20px 40px #0000004d}.demo-browser-top{border-bottom:1px solid var(--line);gap:10px;padding:18px;display:flex}.demo-browser-top span{background:var(--slate-dim);border-radius:50%;width:12px;height:12px}.demo-browser-body{min-height:420px;padding:35px}.demo-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;height:100%;display:flex}.demo-placeholder h4{margin-bottom:18px}.demo-placeholder p{color:var(--slate);margin-bottom:30px}.demo-backend{background:var(--ink);padding:110px 0}.demo-dashboard{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}.demo-dashboard-header{border-bottom:1px solid var(--line);padding:22px;font-weight:600}.demo-dashboard-body{padding:24px}.demo-stat-card{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:18px 0;display:flex}.demo-stat-card span{color:var(--slate)}.demo-stat-card strong{color:var(--yellow);font-size:22px}.demo-booking-list{margin-top:25px}.demo-booking-item{background:#ffffff08;border-radius:12px;justify-content:space-between;align-items:center;margin-bottom:12px;padding:18px;display:flex}.demo-booking-item small{color:var(--green)}.demo-login-box{border:1px solid var(--line);background:var(--surface);border-radius:18px;margin-top:35px;margin-bottom:30px;padding:25px}.demo-login-box h5{margin-bottom:20px}.demo-login-row{border-bottom:1px solid #ffffff0d;justify-content:space-between;padding:14px 0;display:flex}.demo-login-row:last-child{border:none}.demo-login-row span{color:var(--slate)}.demo-request{background:var(--ink);padding:110px 0}.demo-request-features{margin-top:35px}.demo-request-item{border-bottom:1px solid #ffffff0f;padding:20px 0}.demo-request-item:last-child{border:none}.demo-request-item strong{margin-bottom:8px;font-size:18px;display:block}.demo-request-item span{color:var(--slate)}.demo-form-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;padding:40px}.demo-form-card .form-control,.demo-form-card .form-select{border:1px solid var(--line);color:var(--white);background:#111827;padding:14px 18px}.demo-form-card .form-control::placeholder{color:var(--slate)}.demo-form-card .form-control:focus,.demo-form-card .form-select:focus{border-color:var(--yellow);box-shadow:none;color:var(--white);background:#111827}.demo-form-card textarea{resize:none}.demo-notice{background:var(--surface);padding:110px 0}.demo-notice-box{background:linear-gradient(135deg, var(--cta-bg-start) 0%, var(--cta-bg-end) 100%);border:1px solid var(--cta-border);border-radius:24px;padding:60px;position:relative;overflow:hidden}.demo-notice-box:before{content:"";background:var(--cta-glow);border-radius:50%;width:300px;height:300px;position:absolute;top:-140px;right:-140px}.demo-notice-box:after{content:"";background:var(--cta-glow);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-120px;left:-120px}.demo-notice-title{margin-bottom:22px;font-size:42px}.demo-notice-description{color:var(--slate);margin-bottom:35px;line-height:1.9}.demo-notice-list{flex-wrap:wrap;gap:18px 28px;display:flex}.demo-notice-list span{color:var(--white);align-items:center;gap:10px;font-weight:500;display:inline-flex}.demo-notice-list svg{color:var(--green)}.demo-reset-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:35px}.demo-reset-card h3{margin-bottom:18px}.demo-reset-card p{color:var(--slate);margin-bottom:18px;line-height:1.8}.demo-reset-card small{color:var(--slate-dim);line-height:1.8;display:block}@media (max-width:991px){.demo-notice{text-align:center}.demo-notice-box{padding:45px 30px}.demo-notice-list{justify-content:center}}.demo-cta{background:var(--ink);padding:120px 0}.demo-cta-box{background:linear-gradient(135deg, var(--cta-bg-start) 0%, var(--cta-bg-end) 100%);border:1px solid var(--cta-border);border-radius:24px;padding:70px;position:relative;overflow:hidden}.demo-cta-box:before{content:"";background:var(--cta-glow);border-radius:50%;width:320px;height:320px;position:absolute;top:-140px;right:-140px}.demo-cta-box:after{content:"";background:var(--cta-glow);border-radius:50%;width:240px;height:240px;position:absolute;bottom:-140px;left:-140px}.demo-cta-title{margin-bottom:24px;font-size:clamp(38px,4vw,58px)}.demo-cta-description{color:var(--slate);max-width:650px;margin-bottom:35px;font-size:18px;line-height:1.9}.demo-cta-features{flex-wrap:wrap;gap:18px 28px;display:flex}.demo-cta-features span{color:var(--white);align-items:center;gap:10px;font-weight:500;display:inline-flex}.demo-cta-features svg{color:var(--green)}.demo-cta-buttons{flex-direction:column;align-items:flex-end;gap:18px;display:flex}.demo-cta-buttons .btn{justify-content:center;width:240px}@media (max-width:991px){.demo-cta{text-align:center}.demo-cta-box{padding:45px 30px}.demo-cta-features{justify-content:center}.demo-cta-buttons{align-items:center}}.demo-form-card .form-control,.demo-form-card .form-select{background:var(--surface);height:54px;color:var(--white);border:1px solid var(--line);box-shadow:none;border-radius:12px;transition:border-color .25s,background-color .25s,color .25s,box-shadow .25s}.demo-form-card textarea.form-control{resize:vertical;min-height:140px;padding-top:14px}.demo-form-card .form-control::placeholder,.demo-form-card textarea::placeholder{color:var(--slate);opacity:1}.demo-form-card .form-control:focus,.demo-form-card .form-select:focus{background:var(--surface);color:var(--white);border-color:var(--yellow);box-shadow:0 0 0 4px rgba(var(--yellow-rgb), .12)}.demo-form-card .form-select{cursor:pointer}.demo-form-card input[type=date]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:-webkit-any(.demo-form-card input:-webkit-autofill,.demo-form-card textarea:-webkit-autofill,.demo-form-card select:-webkit-autofill){-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--white)}:is(.demo-form-card input:autofill,.demo-form-card textarea:autofill,.demo-form-card select:autofill){-webkit-box-shadow:0 0 0 1000px var(--surface) inset;-webkit-text-fill-color:var(--white)}