/*
Theme Name: eVoltrAI
Theme URI: https://evoltr.ai
Author: eVoltrAI
Author URI: https://evoltr.ai
Description: eVoltrAI — Supercharged AI SaaS WordPress theme with animated moving aurora background, video glass flash effects, scroll popup animations, and animated logo. Includes AI Writer, Chat, Image, Code, Voice, Video, Composer and more.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.5
Requires PHP: 8.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: evoltr-ai
Tags: ai, saas, one-column, custom-colors, custom-menu, featured-images, full-width-template
*/

/* ===== ROOT VARIABLES ===== */
:root {
    --v-primary: #6C5CE7;
    --v-primary-dark: #5A4BD1;
    --v-primary-light: #A29BFE;
    --v-secondary: #00CEC9;
    --v-accent: #FD79A8;
    --v-dark: #0a0a1a;
    --v-dark-2: #0f0f2a;
    --v-dark-3: #141432;
    --v-dark-4: #1a1a3e;
    --v-gray-900: #1a1a2e;
    --v-gray-800: #2d2d44;
    --v-gray-700: #404060;
    --v-gray-600: #53537a;
    --v-gray-500: #7c7c9a;
    --v-gray-400: #9e9eb8;
    --v-gray-300: #c0c0d4;
    --v-gray-200: #e0e0ec;
    --v-gray-100: #f0f0f8;
    --v-white: #ffffff;
    --v-success: #00B894;
    --v-warning: #FDCB6E;
    --v-danger: #E17055;
    --v-info: #74B9FF;
    --v-glass: rgba(255,255,255,0.04);
    --v-glass-border: rgba(255,255,255,0.08);
    --v-glass-hover: rgba(255,255,255,0.08);
    --v-glass-strong: rgba(255,255,255,0.12);
    --v-radius: 16px;
    --v-radius-sm: 10px;
    --v-radius-lg: 20px;
    --v-radius-xl: 24px;
    --v-blur: blur(20px);
    --v-blur-strong: blur(40px);
    --v-shadow: 0 8px 32px rgba(0,0,0,0.3);
    --v-shadow-glow: 0 0 40px rgba(108,92,231,0.15);
    --v-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    --v-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
    --v-font-mono: 'JetBrains Mono', 'Fira Code', monospace;
    --sidebar-w: 280px;
}

/* ===== RESET ===== */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{font-size:16px;scroll-behavior:smooth}
body{font-family:var(--v-font);background:var(--v-dark);color:var(--v-gray-300);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
a{color:var(--v-primary-light);text-decoration:none;transition:var(--v-transition)}
a:hover{color:var(--v-white)}
img{max-width:100%;height:auto}
h1,h2,h3,h4,h5,h6{color:var(--v-white);font-weight:700;line-height:1.3}
h1{font-size:2.25rem}h2{font-size:1.75rem}h3{font-size:1.35rem}h4{font-size:1.15rem}

/* ===== ANIMATED MOVING BACKGROUND ===== */
body::before {
    content:'';
    position:fixed;
    inset:0;
    z-index:-2;
    background:
        radial-gradient(ellipse 80% 50% at 20% 40%, rgba(108,92,231,0.12) 0%, transparent 60%),
        radial-gradient(ellipse 60% 40% at 80% 20%, rgba(0,206,201,0.08) 0%, transparent 50%),
        radial-gradient(ellipse 50% 60% at 50% 80%, rgba(253,121,168,0.06) 0%, transparent 50%),
        linear-gradient(180deg, var(--v-dark) 0%, var(--v-dark-2) 100%);
    animation: bgShift 20s ease-in-out infinite alternate;
}
body::after {
    content:'';
    position:fixed;
    inset:0;
    z-index:-1;
    background:
        radial-gradient(circle 300px at 30% 60%, rgba(108,92,231,0.08) 0%, transparent 100%),
        radial-gradient(circle 200px at 70% 30%, rgba(0,206,201,0.06) 0%, transparent 100%);
    animation: bgOrbs 15s ease-in-out infinite alternate-reverse;
    pointer-events:none;
}
@keyframes bgShift {
    0%{transform:translate(0,0) scale(1)}
    33%{transform:translate(-20px,10px) scale(1.02)}
    66%{transform:translate(15px,-15px) scale(0.98)}
    100%{transform:translate(-10px,20px) scale(1.01)}
}
@keyframes bgOrbs {
    0%{transform:translate(0,0) rotate(0deg)}
    50%{transform:translate(30px,-20px) rotate(3deg)}
    100%{transform:translate(-20px,30px) rotate(-2deg)}
}

/* ===== FLASH / SHIMMER EFFECTS ===== */
@keyframes flash {
    0%,100%{opacity:0}
    50%{opacity:1}
}
@keyframes shimmer {
    0%{background-position:200% 0}
    100%{background-position:-200% 0}
}
@keyframes pulseGlow {
    0%,100%{box-shadow:0 0 20px rgba(108,92,231,0.1)}
    50%{box-shadow:0 0 40px rgba(108,92,231,0.25)}
}
@keyframes slideIn {
    from{transform:translateX(100%);opacity:0}
    to{transform:translateX(0);opacity:1}
}
@keyframes fadeUp {
    from{transform:translateY(20px);opacity:0}
    to{transform:translateY(0);opacity:1}
}
@keyframes spin {to{transform:rotate(360deg)}}
@keyframes borderGlow {
    0%,100%{border-color:rgba(108,92,231,0.2)}
    50%{border-color:rgba(108,92,231,0.5)}
}

/* ===== GLASS CARD BASE ===== */
.v-glass {
    background:var(--v-glass);
    backdrop-filter:var(--v-blur);
    -webkit-backdrop-filter:var(--v-blur);
    border:1px solid var(--v-glass-border);
    border-radius:var(--v-radius);
    transition:var(--v-transition);
}
.v-glass:hover {
    background:var(--v-glass-hover);
    border-color:rgba(108,92,231,0.2);
    box-shadow:var(--v-shadow-glow);
}
.v-glass-strong {
    background:var(--v-glass-strong);
    backdrop-filter:var(--v-blur-strong);
    -webkit-backdrop-filter:var(--v-blur-strong);
    border:1px solid rgba(255,255,255,0.12);
    border-radius:var(--v-radius);
}

/* ===== APP LAYOUT ===== */
.v-app{display:flex;min-height:100vh}
.v-sidebar {
    width:var(--sidebar-w);
    background:rgba(10,10,30,0.85);
    backdrop-filter:var(--v-blur-strong);
    -webkit-backdrop-filter:var(--v-blur-strong);
    border-right:1px solid var(--v-glass-border);
    position:fixed;top:0;left:0;bottom:0;z-index:100;
    display:flex;flex-direction:column;
    transition:var(--v-transition);
    overflow-y:auto;
}
.v-sidebar-brand {
    padding:24px 20px;
    display:flex;align-items:center;gap:12px;
    border-bottom:1px solid var(--v-glass-border);
}
.v-sidebar-brand .brand-icon {
    width:42px;height:42px;
    background:linear-gradient(135deg,var(--v-primary),var(--v-secondary));
    border-radius:var(--v-radius-sm);
    display:flex;align-items:center;justify-content:center;
    font-size:1.3rem;font-weight:800;color:#fff;
    box-shadow:0 4px 16px rgba(108,92,231,0.3);
    animation:pulseGlow 4s ease-in-out infinite;
}
.v-sidebar-brand .brand-name{font-size:1.4rem;font-weight:800;color:var(--v-white);letter-spacing:-0.5px}
.v-sidebar-nav{padding:16px 12px;flex:1}
.v-nav-section{margin-bottom:24px}
.v-nav-label{font-size:0.7rem;font-weight:600;text-transform:uppercase;letter-spacing:1.2px;color:var(--v-gray-500);padding:0 12px;margin-bottom:8px}
.v-nav-item {
    display:flex;align-items:center;gap:12px;
    padding:10px 12px;border-radius:var(--v-radius-sm);
    color:var(--v-gray-400);font-size:0.9rem;font-weight:500;
    transition:var(--v-transition);margin-bottom:2px;
    position:relative;overflow:hidden;
}
.v-nav-item::before {
    content:'';position:absolute;inset:0;
    background:linear-gradient(90deg,transparent,rgba(108,92,231,0.05),transparent);
    transform:translateX(-100%);transition:transform 0.5s;
}
.v-nav-item:hover::before{transform:translateX(100%)}
.v-nav-item:hover{background:rgba(108,92,231,0.08);color:var(--v-white)}
.v-nav-item.active{background:linear-gradient(135deg,rgba(108,92,231,0.15),rgba(0,206,201,0.08));color:var(--v-white);border:1px solid rgba(108,92,231,0.15)}
.v-nav-item .nav-icon{width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:1.1rem}
.v-nav-item .nav-badge{margin-left:auto;background:var(--v-primary);color:#fff;font-size:0.65rem;padding:2px 8px;border-radius:20px;font-weight:600}

/* ===== MAIN CONTENT ===== */
.v-main{flex:1;margin-left:var(--sidebar-w);display:flex;flex-direction:column;min-height:100vh}
.v-topbar {
    height:64px;
    background:rgba(10,10,30,0.7);
    backdrop-filter:var(--v-blur);
    -webkit-backdrop-filter:var(--v-blur);
    border-bottom:1px solid var(--v-glass-border);
    display:flex;align-items:center;justify-content:space-between;
    padding:0 24px;position:sticky;top:0;z-index:50;
}
.v-topbar-left{display:flex;align-items:center;gap:16px}
.v-topbar-right{display:flex;align-items:center;gap:12px}
.v-content{flex:1;padding:24px}

/* ===== BUTTONS ===== */
.v-btn {
    display:inline-flex;align-items:center;justify-content:center;gap:8px;
    padding:10px 20px;border-radius:var(--v-radius-sm);
    font-size:0.9rem;font-weight:600;border:none;cursor:pointer;
    transition:var(--v-transition);text-decoration:none;line-height:1.4;
    position:relative;overflow:hidden;
}
.v-btn::after {
    content:'';position:absolute;top:50%;left:50%;
    width:0;height:0;border-radius:50%;
    background:rgba(255,255,255,0.15);
    transition:width 0.4s,height 0.4s,top 0.4s,left 0.4s;
}
.v-btn:active::after{width:200px;height:200px;top:calc(50% - 100px);left:calc(50% - 100px)}
.v-btn-primary{background:linear-gradient(135deg,var(--v-primary),var(--v-primary-dark));color:#fff}
.v-btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 20px rgba(108,92,231,0.4);color:#fff}
.v-btn-secondary{background:var(--v-glass);color:var(--v-gray-300);border:1px solid var(--v-glass-border);backdrop-filter:var(--v-blur)}
.v-btn-secondary:hover{background:var(--v-glass-hover);color:var(--v-white)}
.v-btn-success{background:var(--v-success);color:#fff}
.v-btn-danger{background:var(--v-danger);color:#fff}
.v-btn-sm{padding:6px 14px;font-size:0.8rem}
.v-btn-lg{padding:14px 28px;font-size:1rem}
.v-btn-block{width:100%}
.v-btn-ghost{background:transparent;color:var(--v-gray-400);border:none}
.v-btn-ghost:hover{color:var(--v-white);background:var(--v-glass)}

/* ===== FORMS ===== */
.v-form-group{margin-bottom:20px}
.v-label{display:block;font-size:0.85rem;font-weight:600;color:var(--v-gray-300);margin-bottom:6px}
.v-input,.v-select,.v-textarea {
    width:100%;padding:10px 14px;
    background:var(--v-glass);
    backdrop-filter:var(--v-blur);
    border:1px solid var(--v-glass-border);
    border-radius:var(--v-radius-sm);
    color:var(--v-white);font-size:0.9rem;font-family:var(--v-font);
    transition:var(--v-transition);
}
.v-input:focus,.v-select:focus,.v-textarea:focus{outline:none;border-color:var(--v-primary);box-shadow:0 0 0 3px rgba(108,92,231,0.15)}
.v-textarea{min-height:120px;resize:vertical}
.v-input-password{position:relative}
.v-input-password .toggle-vis{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--v-gray-500);cursor:pointer;font-size:1.2rem}

/* ===== STAT CARDS ===== */
.v-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-bottom:24px}
.v-stat {
    padding:20px;position:relative;overflow:hidden;
}
.v-stat::before {
    content:'';position:absolute;top:-50%;right:-50%;width:100%;height:100%;
    background:radial-gradient(circle,rgba(108,92,231,0.06),transparent 70%);
    animation:bgOrbs 10s ease-in-out infinite alternate;
}
.v-stat .stat-icon{width:44px;height:44px;border-radius:var(--v-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.3rem;margin-bottom:12px;position:relative;z-index:1}
.v-stat .stat-val{font-size:1.75rem;font-weight:800;color:var(--v-white);position:relative;z-index:1}
.v-stat .stat-lbl{font-size:0.8rem;color:var(--v-gray-500);margin-top:4px;position:relative;z-index:1}

/* ===== TOOL CARDS ===== */
.v-tools{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}
.v-tool {
    padding:24px;cursor:pointer;position:relative;overflow:hidden;
    animation:fadeUp 0.5s ease backwards;
}
.v-tool::before {
    content:'';position:absolute;top:0;left:0;right:0;height:2px;
    background:linear-gradient(90deg,var(--v-primary),var(--v-secondary),var(--v-accent));
    background-size:200% 100%;
    opacity:0;transition:opacity 0.3s;
    animation:shimmer 3s linear infinite;
}
.v-tool:hover::before{opacity:1}
.v-tool:hover{transform:translateY(-3px);box-shadow:var(--v-shadow),var(--v-shadow-glow)}
.v-tool .tool-icon{width:48px;height:48px;border-radius:var(--v-radius-sm);display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px}
.v-tool .tool-title{font-size:1.05rem;font-weight:600;color:var(--v-white);margin-bottom:6px}
.v-tool .tool-desc{font-size:0.85rem;color:var(--v-gray-500);line-height:1.5}
.v-tool:nth-child(1){animation-delay:0.05s}.v-tool:nth-child(2){animation-delay:0.1s}.v-tool:nth-child(3){animation-delay:0.15s}
.v-tool:nth-child(4){animation-delay:0.2s}.v-tool:nth-child(5){animation-delay:0.25s}.v-tool:nth-child(6){animation-delay:0.3s}

/* ===== CHAT ===== */
.v-chat{display:flex;flex-direction:column;height:calc(100vh - 130px);overflow:hidden}
.v-chat-msgs{flex:1;overflow-y:auto;padding:24px}
.v-chat-msg{display:flex;gap:12px;margin-bottom:20px;max-width:85%;animation:fadeUp 0.3s ease}
.v-chat-msg.user{margin-left:auto;flex-direction:row-reverse}
.v-chat-avatar{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:0.85rem;font-weight:700;flex-shrink:0}
.v-chat-msg.assistant .v-chat-avatar{background:linear-gradient(135deg,var(--v-primary),var(--v-secondary));color:#fff}
.v-chat-msg.user .v-chat-avatar{background:var(--v-gray-700);color:var(--v-white)}
.v-chat-bubble{padding:12px 16px;border-radius:var(--v-radius);font-size:0.9rem;line-height:1.6}
.v-chat-msg.assistant .v-chat-bubble{background:var(--v-glass);border:1px solid var(--v-glass-border);backdrop-filter:var(--v-blur)}
.v-chat-msg.user .v-chat-bubble{background:linear-gradient(135deg,var(--v-primary),var(--v-primary-dark));color:#fff}
.v-chat-input-area{padding:16px 24px;border-top:1px solid var(--v-glass-border);display:flex;gap:12px;align-items:flex-end;background:rgba(10,10,30,0.5);backdrop-filter:var(--v-blur)}
.v-chat-input{flex:1;padding:12px 16px;background:var(--v-glass);border:1px solid var(--v-glass-border);border-radius:var(--v-radius-sm);color:var(--v-white);font-size:0.9rem;font-family:var(--v-font);resize:none;max-height:120px}

/* ===== WRITER ===== */
.v-writer{display:grid;grid-template-columns:380px 1fr;gap:24px;min-height:calc(100vh - 130px)}
.v-writer-side{padding:24px;overflow-y:auto}
.v-writer-out{padding:24px;overflow-y:auto}
.v-writer-out .output-text{font-size:1rem;line-height:1.8;color:var(--v-gray-200);white-space:pre-wrap}

/* ===== IMAGE GRID ===== */
.v-images{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.v-image-card{overflow:hidden;transition:var(--v-transition)}
.v-image-card:hover{transform:translateY(-3px);box-shadow:var(--v-shadow)}
.v-image-card img{width:100%;aspect-ratio:1;object-fit:cover}
.v-image-card .img-actions{padding:12px;display:flex;gap:8px}

/* ===== PRICING ===== */
.v-pricing{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:1200px;margin:0 auto}
.v-price-card{padding:32px;text-align:center;position:relative;animation:pulseGlow 6s ease-in-out infinite}
.v-price-card.featured{border-color:var(--v-primary);box-shadow:0 0 60px rgba(108,92,231,0.15)}
.v-price-card.featured::before{content:'Popular';position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,var(--v-primary),var(--v-secondary));color:#fff;padding:4px 16px;border-radius:20px;font-size:0.75rem;font-weight:700}
.v-price-card .price{font-size:3rem;font-weight:800;color:var(--v-white);margin:16px 0}
.v-price-card .price span{font-size:1rem;color:var(--v-gray-500);font-weight:400}
.v-price-features{list-style:none;text-align:left;margin:24px 0}
.v-price-features li{padding:8px 0;display:flex;align-items:center;gap:10px;font-size:0.9rem;color:var(--v-gray-400)}
.v-price-features li::before{content:'\2713';color:var(--v-success);font-weight:700}

/* ===== TABLE ===== */
.v-table-wrap{overflow-x:auto}
.v-table{width:100%;border-collapse:collapse}
.v-table th{padding:14px 16px;text-align:left;font-size:0.8rem;font-weight:600;text-transform:uppercase;letter-spacing:0.5px;color:var(--v-gray-500);border-bottom:1px solid var(--v-glass-border)}
.v-table td{padding:14px 16px;font-size:0.9rem;border-bottom:1px solid rgba(255,255,255,0.03)}
.v-table tr:hover td{background:var(--v-glass)}

/* ===== BADGES ===== */
.v-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:20px;font-size:0.75rem;font-weight:600}
.v-badge-success{background:rgba(0,184,148,0.15);color:var(--v-success)}
.v-badge-warning{background:rgba(253,203,110,0.15);color:var(--v-warning)}
.v-badge-danger{background:rgba(225,112,85,0.15);color:var(--v-danger)}
.v-badge-info{background:rgba(116,185,255,0.15);color:var(--v-info)}
.v-badge-primary{background:rgba(108,92,231,0.15);color:var(--v-primary-light)}

/* ===== PROGRESS ===== */
.v-progress{width:100%;height:8px;background:var(--v-glass);border-radius:10px;overflow:hidden}
.v-progress-bar{height:100%;background:linear-gradient(90deg,var(--v-primary),var(--v-secondary));border-radius:10px;transition:width 0.5s ease;position:relative}
.v-progress-bar::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);animation:shimmer 2s linear infinite;background-size:200% 100%}

/* ===== MODAL ===== */
.v-modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,0.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;opacity:0;visibility:hidden;transition:var(--v-transition)}
.v-modal-overlay.active{opacity:1;visibility:visible}
.v-modal{background:var(--v-dark-3);border:1px solid var(--v-glass-border);border-radius:var(--v-radius-lg);padding:32px;max-width:560px;width:90%;max-height:85vh;overflow-y:auto;transform:translateY(20px);transition:var(--v-transition);backdrop-filter:var(--v-blur-strong)}
.v-modal-overlay.active .v-modal{transform:translateY(0)}

/* ===== TABS ===== */
.v-tabs{display:flex;gap:4px;border-bottom:1px solid var(--v-glass-border);margin-bottom:24px}
.v-tab{padding:12px 20px;font-size:0.9rem;font-weight:500;color:var(--v-gray-500);cursor:pointer;border-bottom:2px solid transparent;transition:var(--v-transition);background:none;border-top:none;border-left:none;border-right:none}
.v-tab:hover{color:var(--v-white)}
.v-tab.active{color:var(--v-white);border-bottom-color:var(--v-primary)}

/* ===== TOAST ===== */
.v-toast-wrap{position:fixed;top:24px;right:24px;z-index:9999;display:flex;flex-direction:column;gap:8px}
.v-toast{padding:14px 20px;border-radius:var(--v-radius-sm);font-size:0.9rem;color:#fff;min-width:300px;animation:slideIn 0.3s ease;backdrop-filter:var(--v-blur)}
.v-toast-success{background:rgba(0,184,148,0.9)}.v-toast-error{background:rgba(225,112,85,0.9)}.v-toast-info{background:rgba(116,185,255,0.9)}

/* ===== LOADING ===== */
.v-loading{display:inline-block;width:20px;height:20px;border:2px solid rgba(255,255,255,0.2);border-top-color:var(--v-primary);border-radius:50%;animation:spin 0.8s linear infinite}
.v-skeleton{background:linear-gradient(90deg,rgba(255,255,255,0.04) 25%,rgba(255,255,255,0.08) 50%,rgba(255,255,255,0.04) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--v-radius-sm)}

/* ===== TOGGLE ===== */
.v-toggle{position:relative;width:44px;height:24px}
.v-toggle input{opacity:0;width:0;height:0}
.v-toggle-slider{position:absolute;inset:0;background:var(--v-gray-700);border-radius:12px;cursor:pointer;transition:var(--v-transition)}
.v-toggle-slider::before{content:'';position:absolute;width:18px;height:18px;background:#fff;border-radius:50%;top:3px;left:3px;transition:var(--v-transition)}
.v-toggle input:checked+.v-toggle-slider{background:var(--v-primary)}
.v-toggle input:checked+.v-toggle-slider::before{transform:translateX(20px)}

/* ===== CODE BLOCK ===== */
.v-code{background:var(--v-dark);border:1px solid var(--v-glass-border);border-radius:var(--v-radius-sm);padding:16px;font-family:var(--v-font-mono);font-size:0.85rem;overflow-x:auto;position:relative}
.v-code .copy-btn{position:absolute;top:8px;right:8px;padding:4px 10px;background:var(--v-glass);border:none;border-radius:4px;color:var(--v-gray-400);cursor:pointer;font-size:0.75rem}

/* ===== LANDING HERO ===== */
.v-hero {
    min-height:90vh;display:flex;align-items:center;justify-content:center;
    text-align:center;padding:80px 24px;position:relative;overflow:hidden;
}
.v-hero::before {
    content:'';position:absolute;width:800px;height:800px;
    background:radial-gradient(circle,rgba(108,92,231,0.18),transparent 60%);
    top:-300px;right:-300px;
    animation:bgOrbs 12s ease-in-out infinite alternate;
}
.v-hero::after {
    content:'';position:absolute;width:600px;height:600px;
    background:radial-gradient(circle,rgba(0,206,201,0.12),transparent 60%);
    bottom:-200px;left:-200px;
    animation:bgOrbs 15s ease-in-out infinite alternate-reverse;
}
.v-hero-content{position:relative;z-index:1;max-width:800px}
.v-hero-content h1{font-size:3.5rem;font-weight:800;line-height:1.15;margin-bottom:20px;background:linear-gradient(135deg,var(--v-white),var(--v-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.v-hero-content p{font-size:1.2rem;color:var(--v-gray-400);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}
.v-hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}

/* ===== VIDEO GLASS OVERLAY ===== */
.v-video-glass {
    position:relative;overflow:hidden;
    border-radius:var(--v-radius-lg);
    border:1px solid var(--v-glass-border);
}
.v-video-glass::before {
    content:'';position:absolute;inset:0;z-index:2;
    background:linear-gradient(135deg,rgba(108,92,231,0.08),rgba(0,206,201,0.05));
    backdrop-filter:var(--v-blur);
    pointer-events:none;
}
.v-video-glass video,.v-video-glass iframe{width:100%;display:block;border-radius:var(--v-radius-lg)}

/* ===== FLOATING PARTICLES ===== */
.v-particles{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.v-particle {
    position:absolute;border-radius:50%;
    background:rgba(108,92,231,0.15);
    animation:floatParticle linear infinite;
}
@keyframes floatParticle {
    0%{transform:translateY(100vh) scale(0);opacity:0}
    10%{opacity:1}
    90%{opacity:1}
    100%{transform:translateY(-10vh) scale(1);opacity:0}
}

/* ===== RESPONSIVE ===== */
@media(max-width:1024px){.v-writer{grid-template-columns:1fr}}
@media(max-width:768px){
    :root{--sidebar-w:0px}
    .v-sidebar{transform:translateX(-100%);width:280px}
    .v-sidebar.open{transform:translateX(0)}
    .v-main{margin-left:0}
    .v-hero-content h1{font-size:2.2rem}
    .v-tools{grid-template-columns:1fr}
    .v-pricing{grid-template-columns:1fr}
    #v-sidebar-toggle{display:flex!important}
}

/* ===== SCROLLBAR ===== */
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--v-gray-700);border-radius:3px}
::-webkit-scrollbar-thumb:hover{background:var(--v-gray-600)}

/* ===== PARTICLES ===== */
.v-particles {
    position: fixed;
    inset: 0;
    z-index: -1;
    pointer-events: none;
    overflow: hidden;
}
.v-particle {
    position: absolute;
    background: var(--v-primary-light);
    border-radius: 50%;
    opacity: 0.3;
    filter: blur(1px);
    animation: particleMove linear infinite;
}
@keyframes particleMove {
    0% { transform: translateY(100vh) scale(0); opacity: 0; }
    20% { opacity: 0.4; }
    80% { opacity: 0.4; }
    100% { transform: translateY(-100px) scale(1); opacity: 0; }
}

.ev-reveal,
.ev3-reveal,
.ev3-reveal:not(.ev3-in),
.v-glass,
.v-stat,
.v-tool,
.v-price-card,
.v-hero-content,
.v-main,
.v-content {
    opacity: 1 !important;
    visibility: visible !important;
}