/*
Theme Name: MyVPSHosting
Description: MyVPSHosting landing page and WooCommerce theme.
Version: 1.0.2
Requires at least: 6.5
Requires PHP: 7.4
Text Domain: myvpshosting
*/
:root { color-scheme: light; --vps-bg:#0a0414; --vps-violet:#9333ea; --vps-fuchsia:#d946ef; }
* { box-sizing:border-box; }
body.myvps-native { margin:0; background:var(--vps-bg); color:#f5edff; font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.6; }
a { color:#8628bb; }
.myvps-header { background:rgba(10,4,20,.96); border-bottom:1px solid rgba(217,70,239,.16); }
.myvps-header-inner { max-width:1280px; margin:auto; min-height:80px; padding:0 24px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.myvps-logo { color:#f8efff; font-weight:700; font-size:20px; letter-spacing:-.025em; text-decoration:none; white-space:nowrap; }
.myvps-logo-mark { color:#e879f9; width:24px; height:24px; vertical-align:-5px; }
.myvps-header-nav { display:flex; align-items:center; gap:30px; font-size:14px; }
.myvps-header-nav a { color:#ded1ee; text-decoration:none; }
.myvps-header-nav a:hover { color:#f0abfc; }
.myvps-header-nav .myvps-header-button { padding:10px 18px; border-radius:999px; background:linear-gradient(100deg,#c026d3,#7c3aed); color:#fff; font-weight:600; }
.myvps-page-wrap { min-height:60vh; padding:64px 24px 100px; background:radial-gradient(ellipse 70% 40% at 50% 0%,rgba(147,51,234,.19),transparent),#0a0414; }
.myvps-page-panel { max-width:1120px; margin:0 auto; padding:clamp(24px,5vw,56px); background:#fff; color:#24182e; border:1px solid rgba(217,70,239,.2); border-radius:24px; box-shadow:0 25px 80px rgba(0,0,0,.2); overflow-wrap:anywhere; }
.myvps-page-panel h1,.myvps-page-panel h2,.myvps-page-panel h3 { line-height:1.2; color:#20142d; }
.myvps-page-panel h1 { margin:0 0 28px; font-size:clamp(30px,4vw,42px); letter-spacing:-.03em; }
.myvps-page-panel img { max-width:100%; height:auto; }
.myvps-page-panel input,.myvps-page-panel select,.myvps-page-panel textarea { max-width:100%; }
.woocommerce a.button,.woocommerce button.button,.woocommerce input.button,.woocommerce #respond input#submit,.wc-block-components-button:not(.is-link) { background:linear-gradient(100deg,#c026d3,#7c3aed)!important; color:#fff!important; border:0!important; border-radius:999px!important; padding:14px 22px!important; font-weight:700!important; }
.woocommerce a.button:hover,.woocommerce button.button:hover,.wc-block-components-button:not(.is-link):hover { filter:brightness(1.1); }
.woocommerce-message,.woocommerce-info { border-top-color:#a855f7; }
.woocommerce-message::before,.woocommerce-info::before { color:#a855f7; }
.myvps-footer { background:#040210; border-top:1px solid rgba(217,70,239,.16); padding:60px 24px 28px; }
.myvps-footer-inner,.myvps-copyright { max-width:1232px; margin:auto; }
.myvps-footer-inner { display:flex; justify-content:space-between; gap:36px; padding-bottom:42px; }
.myvps-footer-inner p,.myvps-copyright { color:#a79ab4; font-size:14px; }
.myvps-footer nav { display:flex; flex-wrap:wrap; align-content:flex-start; justify-content:flex-end; gap:10px 24px; max-width:500px; }
.myvps-footer nav a { color:#b8a8c7; text-decoration:none; font-size:14px; }
.myvps-footer nav a:hover { color:#f0abfc; }
.myvps-copyright { border-top:1px solid rgba(217,70,239,.12); padding-top:24px; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:12px 24px; }
.myvps-company-address { color:#a79ab4; font-size:12px; font-style:normal; line-height:1.6; }
@media (max-width:700px) { .myvps-header-inner { min-height:72px; } .myvps-header-nav a:not(.myvps-header-button) { display:none; } .myvps-header-nav { gap:8px; } .myvps-header-button { font-size:12px; } .myvps-logo { font-size:16px; } .myvps-page-wrap { padding:35px 16px 64px; } .myvps-page-panel { border-radius:18px; } .myvps-footer-inner { flex-direction:column; } .myvps-footer nav { justify-content:flex-start; } }