/* Modern Installation Page Design - Laravel/Tailwind friendly */
.install-modern{--brand:#FF6B35;--brand-soft:rgba(255,107,53,.12);--dark:#0f172a;--dark-2:#1E293B;--text:#334155;background:radial-gradient(circle at top left, rgba(255,107,53,.18), transparent 34%),radial-gradient(circle at 85% 8%, rgba(37,99,235,.14), transparent 28%),linear-gradient(180deg,#f8fafc 0%,#ffffff 46%,#f8fafc 100%)}
.install-modern .install-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#0f172a 0%,#1e293b 48%,#111827 100%)!important;border-bottom:0!important;color:#fff}
.install-modern .install-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 10%, rgba(255,107,53,.35), transparent 28%),radial-gradient(circle at 80% 20%, rgba(96,165,250,.22), transparent 30%),linear-gradient(90deg, rgba(255,255,255,.06) 1px, transparent 1px),linear-gradient(0deg, rgba(255,255,255,.04) 1px, transparent 1px);background-size:auto,auto,48px 48px,48px 48px;pointer-events:none}
.install-modern .install-hero > .container{position:relative;z-index:1}.install-modern .install-hero nav,.install-modern .install-hero nav a,.install-modern .install-hero nav span{color:rgba(255,255,255,.82)!important}.install-modern .install-hero h1{color:#fff!important;text-shadow:0 14px 40px rgba(0,0,0,.22)}.install-modern .install-hero p{color:rgba(255,255,255,.78)!important}
.install-modern .install-hero .bg-purple-100{background:rgba(255,255,255,.10)!important;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(12px)}.install-modern .install-hero .text-purple-600{color:#FF6B35!important}.install-modern .install-hero .text-purple-900{color:#fff!important}.install-modern .install-hero .from-purple-600{--tw-gradient-from:#FF6B35!important}.install-modern .install-hero .to-blue-600{--tw-gradient-to:#FF9500!important}
.install-modern .install-card,.install-modern .grid .bg-white.rounded-xl.shadow-lg{border:1px solid rgba(226,232,240,.9)!important;box-shadow:0 18px 45px rgba(15,23,42,.08)!important;background:linear-gradient(180deg,#fff 0%,#fff7f3 100%)!important;position:relative;overflow:hidden}.install-modern .install-card:before,.install-modern .grid .bg-white.rounded-xl.shadow-lg:before{content:"";position:absolute;inset:0 0 auto 0;height:4px;background:linear-gradient(90deg,#FF6B35,#FF9500)}.install-modern .grid .bg-white.rounded-xl.shadow-lg:hover{transform:translateY(-6px);border-color:rgba(255,107,53,.35)!important;box-shadow:0 26px 70px rgba(255,107,53,.18)!important}
.install-modern .faq-btn,.install-modern [id^="guide-"] > button{background:linear-gradient(180deg,#ffffff 0%,#f8fafc 100%)}.install-modern [id^="guide-"]{border:1px solid rgba(226,232,240,.95)!important;box-shadow:0 14px 40px rgba(15,23,42,.06)!important}.install-modern [id^="guide-"]:hover{border-color:rgba(255,107,53,.30)!important}
.install-modern .sticky.top-24{background:linear-gradient(180deg,#ffffff 0%,#fff7f3 100%)!important;border:1px solid rgba(255,107,53,.18)!important;box-shadow:0 20px 55px rgba(15,23,42,.09)!important}.install-modern a.bg-purple-600,.install-modern .bg-purple-600{background:linear-gradient(135deg,#FF6B35,#FF9500)!important;box-shadow:0 12px 28px rgba(255,107,53,.28)}.install-modern a.bg-purple-600:hover,.install-modern .hover\:bg-purple-700:hover{filter:brightness(.96)}
.install-modern .bg-purple-500,.install-modern .bg-blue-600,.install-modern .bg-purple-600{background-color:#FF6B35!important}.install-modern .text-purple-600{color:#FF6B35!important}.install-modern .border-purple-100{border-color:rgba(255,107,53,.18)!important}.install-modern .bg-purple-50{background-color:rgba(255,107,53,.06)!important}.install-modern .bg-purple-100{background-color:rgba(255,107,53,.12)!important}.install-modern .from-purple-600{--tw-gradient-from:#FF6B35!important}.install-modern .to-pink-600,.install-modern .to-blue-600{--tw-gradient-to:#FF9500!important}.install-modern section h2{letter-spacing:-.03em}.install-modern .rounded-xl{border-radius:1.25rem}.install-modern .rounded-lg{border-radius:1rem}

/* Floating Trial Countdown Box */
.install-modern .trial-countdown-box{position:fixed;left:22px;top:50%;transform:translateY(-50%);z-index:60;width:245px;border-radius:28px;padding:18px;background:linear-gradient(145deg,rgba(15,23,42,.96),rgba(30,41,59,.98));border:1px solid rgba(255,255,255,.14);box-shadow:0 26px 70px rgba(15,23,42,.30),0 18px 45px rgba(255,107,53,.22);overflow:hidden;color:#fff;backdrop-filter:blur(18px)}
.install-modern .trial-countdown-box:before{content:"";position:absolute;inset:-70px -60px auto auto;width:160px;height:160px;background:radial-gradient(circle,rgba(255,107,53,.55),transparent 68%);pointer-events:none}.install-modern .trial-countdown-box:after{content:"";position:absolute;left:-70px;bottom:-80px;width:180px;height:180px;background:radial-gradient(circle,rgba(37,99,235,.42),transparent 66%);pointer-events:none}.install-modern .trial-countdown-inner{position:relative;z-index:1}.install-modern .trial-badge{display:inline-flex;align-items:center;gap:7px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);padding:7px 11px;font-size:12px;font-weight:800;color:#fed7aa;text-transform:uppercase;letter-spacing:.04em}.install-modern .trial-dot{width:8px;height:8px;border-radius:999px;background:#22c55e;box-shadow:0 0 0 6px rgba(34,197,94,.12)}.install-modern .trial-title{margin-top:15px;font-size:24px;line-height:1.08;font-weight:900;letter-spacing:-.04em;color:#fff}.install-modern .trial-subtitle{margin-top:8px;color:rgba(255,255,255,.70);font-size:13px;line-height:1.55}.install-modern .trial-left{margin-top:14px;display:flex;align-items:center;justify-content:space-between;border-radius:18px;background:linear-gradient(135deg,rgba(255,107,53,.22),rgba(255,149,0,.16));border:1px solid rgba(255,107,53,.28);padding:12px}.install-modern .trial-left strong{font-size:28px;line-height:1;color:#fff}.install-modern .trial-left span{font-size:12px;font-weight:800;color:#ffedd5;text-transform:uppercase;letter-spacing:.04em}.install-modern .trial-timer-label{margin-top:15px;margin-bottom:9px;font-size:12px;font-weight:800;color:#cbd5e1;text-transform:uppercase;letter-spacing:.06em}.install-modern .trial-timer{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.install-modern .trial-time-unit{border-radius:16px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.12);padding:10px 6px;text-align:center}.install-modern .trial-time-unit b{display:block;font-size:20px;line-height:1;font-weight:900;color:#fff}.install-modern .trial-time-unit small{display:block;margin-top:5px;font-size:10px;font-weight:700;color:rgba(255,255,255,.62);text-transform:uppercase}.install-modern .trial-btn{margin-top:16px;width:100%;height:44px;border-radius:16px;background:linear-gradient(135deg,#FF6B35,#FF9500);display:inline-flex;align-items:center;justify-content:center;color:white!important;font-weight:900;font-size:14px;box-shadow:0 15px 30px rgba(255,107,53,.28);transition:all .25s ease}.install-modern .trial-btn:hover{transform:translateY(-2px);filter:brightness(1.04)}.install-modern .trial-note{margin-top:10px;font-size:11px;color:rgba(255,255,255,.58);text-align:center}
@media (max-width:1280px){.install-modern .trial-countdown-box{left:14px;width:218px;padding:15px}.install-modern .trial-title{font-size:21px}}
@media (max-width:1024px){.install-modern .trial-countdown-box{position:sticky;top:84px;transform:none;width:auto;max-width:520px;margin:18px auto 0;left:auto}.install-modern .trial-timer{max-width:330px}.install-modern .trial-left{max-width:330px}}

@media (max-width:768px){.install-modern .install-hero{padding-top:2rem!important;padding-bottom:3rem!important}.install-modern .container{padding-left:1rem!important;padding-right:1rem!important}}