@tailwind base;@tailwind components;@tailwind utilities;*,:before,:after{box-sizing:border-box}html,body{scroll-behavior:smooth;height:100%;overflow-x:clip}body{background-color:var(--color-bg);color:var(--color-text);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,Noto Sans,sans-serif;transition:background-color .3s,color .3s}@apply max-w-6xl mx-auto px-6;h1,h2,h3,h4,h5,h6{color:var(--color-primary);font-weight:600}
:root{--color-bg:#fff;--color-text:#000;--color-section:#f3f4f6;--color-primary:#0f172a;--color-accent:#2563eb}[data-theme=black]{--color-bg:#000;--color-text:#fff;--color-section:#0f172a;--color-primary:#fff;--color-accent:#2563eb}[data-theme=green]{--color-bg:#16a34a;--color-text:#fff;--color-section:#dcfce7;--color-primary:#fff;--color-accent:#0f172a}[data-theme=navy]{--color-bg:#0f172a;--color-text:#fff;--color-section:#f3f4f6;--color-primary:#fff;--color-accent:#2563eb}[data-theme=blue]{--color-bg:#2563eb;--color-text:#fff;--color-section:#f3f4f6;--color-primary:#fff;--color-accent:#0f172a}
.navbar{background-color:var(--color-bg);border-bottom:1px solid var(--color-border);z-index:999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;padding:0;transition:background-color .3s,border-color .3s,box-shadow .3s;position:sticky;top:0}.topbar{background:var(--color-primary);color:#fff;width:100%;padding:.7rem 2rem;transition:background .3s}.topbar-container{justify-content:space-between;align-items:center;max-width:1200px;margin:auto;display:flex}.topbar-left{align-items:center;gap:2rem;display:flex}.topbar-left span{align-items:center;gap:.5rem;font-size:.9rem;font-weight:500;display:flex}.topbar-btn{color:var(--color-primary);cursor:pointer;background:#fff;border:none;border-radius:999px;outline:none;padding:.8rem 1.5rem;font-size:.9rem;font-weight:600;transition:all .3s}.topbar-btn:hover{opacity:.9;transform:translateY(-2px)}.navbar-container{justify-content:space-between;align-items:center;max-width:1200px;height:80px;margin:auto;padding:0 1rem;display:flex}.navbar-logo{color:var(--color-primary);font-size:1.7rem;font-weight:700;text-decoration:none;transition:color .3s}.navbar-links{align-items:center;gap:1.5rem;display:flex}.navbar-link{color:var(--color-text);align-items:center;gap:.45rem;font-size:.95rem;font-weight:500;text-decoration:none;transition:color .3s,transform .3s;display:flex;position:relative}.navbar-link:hover{color:var(--color-primary);transform:translateY(-2px)}.navbar-link:after{content:"";background:var(--color-primary);border-radius:999px;width:0%;height:2px;transition:width .3s;position:absolute;bottom:-6px;left:0}.navbar-link:hover:after{width:100%}.navbar-dropdown{position:relative}.dropdown-btn{cursor:pointer;background:0 0;border:none}.dropdown-menu{background:var(--color-card);border:1px solid var(--color-border);opacity:0;visibility:hidden;border-radius:18px;width:250px;transition:all .3s;position:absolute;top:130%;left:0;overflow:hidden;transform:translateY(10px);box-shadow:0 10px 35px #00000014}.dropdown-active{opacity:1;visibility:visible;transform:translateY(0)}.dropdown-menu a{color:var(--color-text);border-bottom:1px solid var(--color-border);padding:1rem 1.2rem;font-size:.92rem;font-weight:500;text-decoration:none;transition:background .3s,color .3s,padding-left .3s;display:block}.dropdown-menu a:last-child{border-bottom:none}.dropdown-menu a:hover{background:var(--color-section);color:var(--color-primary);padding-left:1.5rem}.navbar-toggle{color:var(--color-primary);cursor:pointer;background:0 0;border:none;display:none}.mobile-cta{display:none}@media (max-width:992px){.topbar{display:none}.navbar{padding:0 1rem}.navbar-toggle{display:block}.navbar-links{background:var(--color-bg);border-top:1px solid var(--color-border);opacity:0;visibility:hidden;pointer-events:none;flex-direction:column;align-items:flex-start;gap:1.2rem;width:100%;padding:2rem;transition:all .3s;position:absolute;top:100%;left:0;transform:translateY(-10px)}.navbar-links.active{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.dropdown-menu{opacity:1;visibility:visible;width:100%;margin-top:1rem;display:none;position:static;transform:none}.dropdown-active{display:block}.mobile-cta{background:var(--color-primary);color:#fff;cursor:pointer;border:none;border-radius:14px;outline:none;width:100%;padding:1rem;font-size:1rem;font-weight:600;transition:all .3s;display:block}.mobile-cta:hover{opacity:.9}}
.footer{background:linear-gradient(135deg,var(--color-primary),var(--color-bg));color:#fff;padding-top:6rem;transition:background .35s,color .35s;position:relative;overflow:hidden}.footer:before{content:"";z-index:1;background:radial-gradient(circle at 100% 0,#3b82f629,#0000 35%),radial-gradient(circle at 0 100%,#8b5cf61f,#0000 35%);position:absolute;inset:0}.footer:after{content:"";z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 85%);mask-image:radial-gradient(circle,#000,#0000 85%)}.footer-glow{filter:blur(100px);z-index:1;border-radius:999px;animation:10s ease-in-out infinite footerFloat;position:absolute}.footer-glow-1{background:#3b82f629;width:320px;height:320px;top:-100px;right:-80px}.footer-glow-2{background:#8b5cf624;width:260px;height:260px;bottom:-100px;left:-80px}.footer-container{z-index:2;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:4rem;width:100%;max-width:1350px;margin:auto;padding:0 4rem 5rem;display:grid;position:relative}.footer-logo{letter-spacing:-1px;color:#fff;margin-bottom:1.5rem;font-size:2.8rem;font-weight:800}.footer-text{color:#ffffffbf;max-width:380px;margin-bottom:2rem;font-size:1rem;line-height:1.9}.footer-contact{flex-direction:column;gap:1rem;margin-bottom:2rem;display:flex}.footer-contact-item{color:#ffffffbf;align-items:center;gap:.8rem;font-size:.95rem;display:flex}.footer-contact-item svg{color:var(--color-accent)}.footer-socials{align-items:center;gap:1rem;display:flex}.footer-social{color:#fff;background:#ffffff14;border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:transform .35s,background .35s,border-color .35s;display:flex}.footer-social:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-5px)}.footer-title{color:#fff;margin-bottom:1.8rem;font-size:1.2rem;font-weight:700;display:inline-block;position:relative}.footer-title:after{content:"";background:linear-gradient(90deg,var(--color-accent),#60a5fa);border-radius:999px;width:42px;height:3px;position:absolute;bottom:-8px;left:0}.footer-links{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.footer-links li a{color:#ffffffbd;width:fit-content;font-size:.96rem;font-weight:500;text-decoration:none;transition:color .3s,padding-left .3s,transform .3s;position:relative}.footer-links li a:before{content:"→";opacity:0;color:var(--color-accent);transition:all .3s;position:absolute;left:-18px}.footer-links li a:hover{color:#fff;padding-left:1rem;transform:translate(4px)}.footer-links li a:hover:before{opacity:1;left:0}.footer-note{color:#ffffffa6;margin-top:1.5rem;font-size:.92rem;line-height:1.8}.footer-bottom{z-index:2;background:0 0;border-top:1px solid #ffffff14;position:relative}.footer-bottom-container{justify-content:space-between;align-items:center;gap:2rem;width:100%;max-width:1350px;margin:auto;padding:1.8rem 4rem;display:flex}.footer-bottom-container p{color:#ffffffb3;font-size:.94rem;font-weight:500}.footer-bottom-btn{cursor:pointer;color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff0f;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;gap:.65rem;padding:.95rem 1.45rem;font-size:.92rem;font-weight:600;transition:transform .35s,background .35s,border-color .35s,box-shadow .35s;display:inline-flex}.footer-bottom-btn:hover{background:var(--color-accent);border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 18px 35px #00000038}.scroll-top-btn{z-index:9999;cursor:pointer;background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border:none;border-radius:50%;justify-content:center;align-items:center;width:54px;height:54px;transition:transform .35s,box-shadow .35s;display:flex;position:fixed;bottom:24px;right:24px;box-shadow:0 15px 35px #00000040}.scroll-top-btn:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00000052}:root .footer{background:linear-gradient(135deg,var(--color-section),var(--color-bg));color:var(--color-primary)}:root .footer-logo,:root .footer-title{color:var(--color-primary)}:root .footer-text,:root .footer-note,:root .footer-contact-item,:root .footer-bottom-container p,:root .footer-links li a{color:var(--color-text)}:root .footer-links li a:hover{color:var(--color-primary)}:root .footer-social{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-primary)}:root .footer-bottom{border-top:1px solid var(--color-border);background:0 0}:root .footer-bottom-btn{background:var(--color-card);border:1px solid var(--color-border);color:var(--color-primary)}:root .footer-bottom-btn:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff}[data-theme=green] .footer{background:linear-gradient(135deg,#052e16,#064e3b)}[data-theme=blue] .footer{background:linear-gradient(135deg,#172554,#1e3a8a)}[data-theme=navy] .footer{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=black] .footer{background:linear-gradient(135deg,#000,#111827)}@keyframes footerFloat{0%{transform:translateY(0)}50%{transform:translateY(-25px)}to{transform:translateY(0)}}@media (max-width:1100px){.footer-container{grid-template-columns:repeat(2,1fr);gap:3rem}}@media (max-width:768px){.footer{padding-top:5rem}.footer-container{grid-template-columns:1fr;gap:3rem;padding:0 1.2rem 4rem}.footer-bottom-container{flex-direction:column;align-items:flex-start;padding:1.5rem 1.2rem}.footer-logo{font-size:2.2rem}.footer-bottom-btn{width:100%}}@media (max-width:520px){.footer-logo{font-size:1.9rem}.footer-title{font-size:1.05rem}.footer-text,.footer-note,.footer-links li a{font-size:.92rem}.scroll-top-btn{width:48px;height:48px;bottom:18px;right:18px}}
.theme-sidebar{background-color:var(--color-section);z-index:1000;border-top-left-radius:12px;border-bottom-left-radius:12px;flex-direction:column;gap:12px;padding:16px 14px;transition:background-color .3s;display:flex;position:fixed;top:40%;right:0;transform:translateY(-50%);box-shadow:0 6px 18px #00000026}.theme-title{color:var(--color-primary);text-align:center;margin-bottom:4px;font-size:14px;font-weight:600}.theme-btn{border:1px solid var(--color-primary);background-color:var(--color-bg);color:var(--color-text);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:13px;font-weight:500;transition:all .3s}.theme-btn:hover{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent)}.theme-btn.active{background-color:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent)}
.offer-section{background:linear-gradient(135deg,var(--color-section),var(--color-bg));padding:8rem 4rem;transition:background .35s,color .35s;position:relative;overflow:hidden}.offer-section:before{content:"";z-index:1;background:radial-gradient(circle at 100% 0,#3b82f61f,#0000 35%),radial-gradient(circle at 0 100%,#8b5cf61a,#0000 35%);position:absolute;inset:0}.offer-section:after{content:"";z-index:1;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000,#0000 82%);mask-image:radial-gradient(circle,#000,#0000 82%)}.offer-glow{filter:blur(100px);z-index:1;border-radius:999px;animation:10s ease-in-out infinite offerFloat;position:absolute}.offer-glow-1{background:#3b82f624;width:320px;height:320px;top:-100px;right:-80px}.offer-glow-2{background:#8b5cf61f;width:260px;height:260px;bottom:-100px;left:-80px}.offer-container{z-index:2;width:100%;max-width:1350px;margin:auto;position:relative}.offer-top{margin-bottom:5rem}.offer-badge{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;letter-spacing:.3px;border-radius:999px;justify-content:center;align-items:center;margin-bottom:2rem;padding:.8rem 1.5rem;font-size:.92rem;font-weight:600;transition:transform .35s,box-shadow .35s;display:inline-flex;box-shadow:0 12px 30px #0000001f}.offer-badge:hover{transform:translateY(-4px);box-shadow:0 18px 40px #0000002e}.offer-title{letter-spacing:-2px;color:var(--color-primary);max-width:920px;margin-bottom:1.5rem;font-size:4rem;font-weight:800;line-height:1.08}.offer-title span{color:var(--color-accent)}.offer-subtitle{max-width:860px;color:var(--color-text);margin-bottom:4rem;font-size:1.08rem;line-height:1.95}.offer-grid{grid-template-columns:repeat(4,1fr);gap:2rem;margin-bottom:4rem;display:grid}.offer-card{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffff0a;border:1px solid #ffffff14;border-radius:28px;padding:2.4rem;transition:transform .4s,box-shadow .4s,border-color .4s,background .4s;position:relative;overflow:hidden;box-shadow:0 12px 35px #00000014}.offer-card:before{content:"";background:linear-gradient(90deg,var(--color-primary),var(--color-accent));transform-origin:0;width:100%;height:4px;transition:transform .4s;position:absolute;top:0;left:0;transform:scaleX(0)}.offer-card:hover:before{transform:scaleX(1)}.offer-card:hover{background:#ffffff0f;border-color:#ffffff29;transform:translateY(-12px);box-shadow:0 30px 60px #0000002e}.offer-icon{color:#fff;background:linear-gradient(135deg,#ffffff1a,#ffffff0a);border:1px solid #ffffff1a;border-radius:24px;justify-content:center;align-items:center;width:82px;height:82px;margin-bottom:1.8rem;transition:transform .4s,background .4s;display:flex}.offer-card:hover .offer-icon{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));transform:rotate(-6deg)scale(1.08)}.offer-card h3{color:#fff;margin-bottom:1rem;font-size:1.45rem;font-weight:700}.offer-card p{color:#ffffffb8;margin-bottom:1.6rem;font-size:.98rem;line-height:1.8}.offer-card ul{flex-direction:column;gap:.9rem;margin:0;padding:0;list-style:none;display:flex}.offer-card li{color:#ffffffeb;padding-left:1.4rem;font-size:.95rem;font-weight:600;position:relative}.offer-card li:before{content:"→";color:var(--color-accent);position:absolute;left:0}.offer-cta{margin-top:1rem}.offer-btn{background:linear-gradient(135deg,var(--color-primary),var(--color-accent));color:#fff;border-radius:16px;justify-content:center;align-items:center;gap:.7rem;padding:1rem 2.4rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .35s,box-shadow .35s;display:inline-flex}.offer-btn:hover{transform:translateY(-5px);box-shadow:0 20px 40px #0000002e}:root .offer-section{background:linear-gradient(135deg,var(--color-section),var(--color-bg))}:root .offer-section:after{background-image:linear-gradient(#0000000a 1px,#0000 1px),linear-gradient(90deg,#0000000a 1px,#0000 1px)}:root .offer-card{background:var(--color-card);border:1px solid var(--color-border);-webkit-backdrop-filter:none;backdrop-filter:none}:root .offer-card h3{color:var(--color-primary)}:root .offer-card p{color:var(--color-text)}:root .offer-card li{color:var(--color-primary)}:root .offer-icon{color:var(--color-primary);background:linear-gradient(135deg,#3b82f61a,#2563eb29)}[data-theme=green] .offer-section{background:linear-gradient(135deg,#052e16,#064e3b)}[data-theme=blue] .offer-section{background:linear-gradient(135deg,#172554,#1e3a8a)}[data-theme=navy] .offer-section{background:linear-gradient(135deg,#0f172a,#1e293b)}[data-theme=black] .offer-section{background:linear-gradient(135deg,#000,#111827)}@keyframes offerFloat{0%{transform:translateY(0)}50%{transform:translateY(-24px)}to{transform:translateY(0)}}@media (max-width:1200px){.offer-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.offer-section{padding:6rem 1.2rem}.offer-title{letter-spacing:-1px;font-size:2.7rem}.offer-subtitle{font-size:1rem}.offer-grid{grid-template-columns:1fr}.offer-card{padding:2rem}}@media (max-width:520px){.offer-title{font-size:2.1rem}.offer-card h3{font-size:1.25rem}.offer-icon{width:72px;height:72px}}