/* ==========================================
   VVRC Premium Additions Stylesheet
   ========================================== */

/* Glassmorphic Membership Cards */
.vvrc-card-wrapper {
   perspective: 1000px;
   margin: 40px auto;
   max-width: 420px;
}

.vvrc-premium-card {
   width: 100%;
   height: 250px;
   background: linear-gradient(135deg, rgba(255,255,255,0.05) 0%, rgba(255,255,255,0.15) 100%);
   border: 1px solid rgba(255, 255, 255, 0.2);
   border-radius: 24px;
   padding: 30px;
   position: relative;
   overflow: hidden;
   box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   transition: transform 0.6s cubic-bezier(0.25, 1, 0.5, 1);
}

.vvrc-premium-card:hover {
   transform: translateY(-8px) rotateY(5deg);
   box-shadow: 0 30px 60px rgba(124, 58, 237, 0.2);
}

/* Card Glow Accent */
.vvrc-premium-card::before {
   content: '';
   position: absolute;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   background: radial-gradient(circle, rgba(124, 58, 237, 0.15) 0%, transparent 60%);
   pointer-events: none;
}

.vvrc-premium-card.shiksha-card {
   background: linear-gradient(135deg, #0f172a 0%, #1e1b4b 50%, #311042 100%);
   border-color: rgba(168, 85, 247, 0.3);
}

.vvrc-premium-card.jobs-card {
   background: linear-gradient(135deg, #0f172a 0%, #172554 50%, #0c4a6e 100%);
   border-color: rgba(56, 189, 248, 0.3);
}

.card-header-logo {
   display: flex;
   justify-content: space-between;
   align-items: center;
   margin-bottom: 30px;
}

.card-brand {
   font-family: 'Outfit', sans-serif;
   font-weight: 800;
   font-size: 22px;
   letter-spacing: 1px;
   background: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0.7) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
}

.card-chip {
   width: 45px;
   height: 35px;
   background: linear-gradient(135deg, #e2e8f0 0%, #cbd5e1 100%);
   border-radius: 8px;
   position: relative;
}

.card-chip::after {
   content: '';
   position: absolute;
   inset: 4px;
   border: 1px solid rgba(0,0,0,0.15);
   border-radius: 4px;
}

.card-number {
   font-family: 'Courier New', Courier, monospace;
   color: #ffffff;
   font-size: 20px;
   letter-spacing: 3px;
   margin-bottom: 25px;
   opacity: 0.9;
}

.card-holder {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
}

.card-holder-name {
   color: rgba(255,255,255,0.6);
   font-size: 11px;
   text-transform: uppercase;
   letter-spacing: 1.5px;
}

.card-name {
   color: #ffffff;
   font-size: 14px;
   font-weight: 600;
   letter-spacing: 0.5px;
}

.card-expiry {
   color: #ffffff;
   font-size: 13px;
   font-family: 'Courier New', Courier, monospace;
}

/* Sub-Brand Showcase Section */
.vvrc-brand-grid {
   display: grid;
   grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
   gap: 24px;
   margin: 40px 0;
}

.vvrc-brand-card {
   background: #ffffff;
   border: 1px solid rgba(226, 232, 240, 0.8);
   border-radius: 20px;
   padding: 30px;
   transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
   position: relative;
   display: flex;
   flex-direction: column;
   height: 100%;
}

.vvrc-brand-card:hover {
   transform: translateY(-5px);
   box-shadow: 0 15px 30px rgba(15, 23, 42, 0.05);
   border-color: var(--brand-color);
}

.vvrc-brand-card::after {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 4px;
   background: var(--brand-color, #7C3AED);
   border-top-left-radius: 20px;
   border-top-right-radius: 20px;
}

.brand-icon-box {
   width: 50px;
   height: 50px;
   border-radius: 12px;
   background: rgba(var(--brand-rgb, "124, 58, 237"), 0.08);
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 20px;
   font-size: 20px;
   color: var(--brand-color);
}

.brand-title {
   font-family: 'Outfit', sans-serif;
   font-size: 20px;
   font-weight: 700;
   color: #0f172a;
   margin-bottom: 10px;
}

.brand-desc {
   font-size: 14px;
   color: #475569;
   line-height: 1.5;
   flex-grow: 1;
}

/* Interactive Registration Forms */
.vvrc-form-card {
   background: #ffffff;
   border-radius: 24px;
   border: 1px solid rgba(226, 232, 240, 0.8);
   box-shadow: 0 20px 40px rgba(15, 23, 42, 0.04);
   padding: 40px;
}

.vvrc-form-group {
   margin-bottom: 20px;
}

.vvrc-form-label {
   font-family: 'Inter', sans-serif;
   font-weight: 600;
   font-size: 13.5px;
   color: #334155;
   margin-bottom: 8px;
   display: block;
}

.vvrc-form-input {
   width: 100%;
   padding: 12px 18px;
   border: 1.5px solid #cbd5e1;
   border-radius: 12px;
   font-size: 14px;
   font-family: 'Inter', sans-serif;
   color: #0f172a;
   background-color: #f8fafc;
   transition: all 0.25s ease;
}

.vvrc-form-input:focus {
   border-color: #7C3AED;
   background-color: #ffffff;
   outline: none;
   box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.1);
}

.vvrc-form-btn {
   width: 100%;
   background: linear-gradient(135deg, #7C3AED 0%, #2563EB 100%);
   color: #ffffff;
   border: none;
   padding: 14px;
   border-radius: 12px;
   font-weight: 700;
   font-size: 14px;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   cursor: pointer;
   box-shadow: 0 8px 20px rgba(124, 58, 237, 0.2);
   transition: all 0.3s ease;
}

.vvrc-form-btn:hover {
   box-shadow: 0 12px 25px rgba(124, 58, 237, 0.35);
   transform: translateY(-2px);
}

/* Accordion Workshop Styles */
.vvrc-workshop-card {
   border-radius: 16px;
   border: 1px solid rgba(226, 232, 240, 0.8);
   margin-bottom: 16px;
   overflow: hidden;
   background: #ffffff;
   transition: all 0.3s;
}

.vvrc-workshop-card:hover {
   border-color: #7C3AED;
   box-shadow: 0 10px 20px rgba(15,23,42,0.03);
}

.vvrc-workshop-header {
   padding: 24px;
   background: #f8fafc;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   user-select: none;
}

.vvrc-workshop-title {
   font-family: 'Outfit', sans-serif;
   font-size: 18px;
   font-weight: 700;
   color: #0f172a;
   margin: 0;
   display: flex;
   align-items: center;
   gap: 12px;
}

.vvrc-workshop-body {
   padding: 24px;
   border-top: 1px solid rgba(226, 232, 240, 0.6);
   display: block; /* default open/accordion handling */
}

/* Service Info Blocks */
.vvrc-service-feature {
   padding: 20px;
   border-radius: 12px;
   background: #f8fafc;
   border-left: 4px solid var(--accent-color, #7C3AED);
   margin-bottom: 15px;
}
.vvrc-service-feature h5 {
   font-weight: 700;
   font-size: 15px;
   margin-bottom: 5px;
   color: #0f172a;
}
.vvrc-service-feature p {
   margin: 0;
   font-size: 13.5px;
   color: #475569;
}

/* ==========================================
   B2B Solutions & Corporate Tabs Styles (Premium)
   ========================================== */
.vvrc-pills {
   display: flex;
   justify-content: center;
   gap: 20px;
   margin-bottom: 50px;
   list-style: none;
   padding: 0;
   flex-wrap: wrap;
}

.vvrc-pill-item button {
   background: rgba(255, 255, 255, 0.85);
   border: 1px solid rgba(226, 232, 240, 0.8);
   border-radius: 50px;
   padding: 14px 34px;
   font-family: 'Outfit', sans-serif;
   font-weight: 700;
   font-size: 15px;
   color: #475569;
   transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
   cursor: pointer;
   box-shadow: 0 4px 15px rgba(0, 0, 0, 0.02);
   backdrop-filter: blur(10px);
   -webkit-backdrop-filter: blur(10px);
   display: flex;
   align-items: center;
   gap: 10px;
}

.vvrc-pill-item button i {
   font-size: 16px;
   transition: transform 0.3s;
}

.vvrc-pill-item button:hover {
   color: #7C3AED;
   background: #FFFFFF;
   border-color: rgba(124, 58, 237, 0.3);
   transform: translateY(-3px);
   box-shadow: 0 10px 25px rgba(124, 58, 237, 0.08);
}

.vvrc-pill-item button:hover i {
   transform: scale(1.15);
}

.vvrc-pill-item button.active {
   background: linear-gradient(135deg, #7C3AED 0%, #2563EB 100%);
   color: #FFFFFF;
   border-color: transparent;
   box-shadow: 0 10px 30px rgba(124, 58, 237, 0.28);
   transform: translateY(-3px);
}

/* Bento Grid for Sectors (Upgraded) */
.vvrc-bento-grid {
   display: grid;
   grid-template-columns: repeat(3, 1fr);
   gap: 30px;
   margin: 40px 0;
}

@media (max-width: 991px) {
   .vvrc-bento-grid {
      grid-template-columns: 1fr;
   }
}

.vvrc-bento-item {
   background: #FFFFFF;
   border: 1px solid rgba(226, 232, 240, 0.85);
   border-radius: 28px;
   padding: 40px 35px;
   transition: all 0.45s cubic-bezier(0.165, 0.84, 0.44, 1);
   position: relative;
   overflow: hidden;
   box-shadow: 0 12px 35px rgba(0,0,0,0.015);
   display: flex;
   flex-direction: column;
   height: 100%;
}

.vvrc-bento-item::after {
   content: '';
   position: absolute;
   inset: 0;
   background: radial-gradient(circle at 100% 100%, rgba(124, 58, 237, 0.04) 0%, transparent 60%);
   opacity: 0;
   transition: opacity 0.4s ease;
   pointer-events: none;
}

.vvrc-bento-item:hover::after {
   opacity: 1;
}

.vvrc-bento-item:hover {
   transform: translateY(-8px);
   box-shadow: 0 25px 55px rgba(124, 58, 237, 0.1);
   border-color: rgba(124, 58, 237, 0.25);
}

.vvrc-bento-item::before {
   content: '';
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 4px;
   background: linear-gradient(90deg, #7C3AED, #2563EB);
   opacity: 0;
   transition: opacity 0.3s;
}

.vvrc-bento-item:hover::before {
   opacity: 1;
}

.vvrc-bento-icon {
   width: 64px;
   height: 64px;
   border-radius: 18px;
   display: flex;
   align-items: center;
   justify-content: center;
   margin-bottom: 28px;
   font-size: 26px;
   transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.vvrc-bento-item:hover .vvrc-bento-icon {
   transform: scale(1.15) rotate(8deg);
   box-shadow: 0 10px 20px rgba(0, 0, 0, 0.05);
}

.bento-badge-num {
   position: absolute;
   top: 25px;
   right: 30px;
   font-family: 'Outfit', sans-serif;
   font-weight: 800;
   font-size: 44px;
   color: rgba(124, 58, 237, 0.06);
   transition: all 0.4s;
   user-select: none;
}

.vvrc-bento-item:hover .bento-badge-num {
   color: rgba(124, 58, 237, 0.14);
   transform: scale(1.1) translateY(-2px);
}

.vvrc-bento-title {
   font-family: 'Outfit', sans-serif;
   font-size: 21px;
   font-weight: 800;
   color: #0F172A;
   margin-bottom: 15px;
   line-height: 1.3;
}

.vvrc-bento-desc {
   font-size: 14.5px;
   color: #475569;
   line-height: 1.6;
   margin-bottom: 25px;
   flex-grow: 1;
}

.vvrc-bento-list {
   list-style: none;
   padding: 0;
   margin: 0 0 30px 0;
}

.vvrc-bento-list li {
   font-size: 14px;
   color: #334155;
   margin-bottom: 12px;
   display: flex;
   align-items: center;
   gap: 12px;
}

.vvrc-bento-list li i {
   color: #10B981;
   font-size: 13px;
}

.vvrc-bento-btn {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   font-family: 'Outfit', sans-serif;
   font-weight: 700;
   font-size: 13.5px;
   color: #7C3AED;
   text-transform: uppercase;
   letter-spacing: 0.5px;
   transition: gap 0.25s, color 0.25s;
   border: none;
   background: transparent;
   padding: 0;
}

.vvrc-bento-item:hover .vvrc-bento-btn {
   gap: 12px;
   color: #2563EB;
}

/* Upgraded Workshop Accordions */
.vvrc-workshop-card {
   border-radius: 18px;
   border: 1px solid rgba(226, 232, 240, 0.8);
   margin-bottom: 16px;
   overflow: hidden;
   background: #ffffff;
   transition: all 0.35s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.vvrc-workshop-card:hover {
   border-color: rgba(124, 58, 237, 0.3);
   box-shadow: 0 10px 25px rgba(124, 58, 237, 0.04);
}

.vvrc-workshop-header {
   padding: 22px 26px;
   background: #f8fafc;
   display: flex;
   justify-content: space-between;
   align-items: center;
   cursor: pointer;
   user-select: none;
   transition: all 0.3s;
}

.vvrc-workshop-card:hover .vvrc-workshop-header {
   padding-left: 32px;
   background: rgba(124, 58, 237, 0.015);
}

.vvrc-workshop-title {
   font-family: 'Outfit', sans-serif;
   font-size: 17.5px;
   font-weight: 750;
   color: #0f172a;
   margin: 0;
   display: flex;
   align-items: center;
   gap: 14px;
   transition: color 0.3s;
}

.vvrc-workshop-card:hover .vvrc-workshop-title {
   color: #7C3AED;
}

.vvrc-workshop-body {
   padding: 24px 28px;
   border-top: 1px solid rgba(226, 232, 240, 0.6);
   background: #FFFFFF;
   font-size: 14.5px;
   color: #475569;
   line-height: 1.6;
}

/* ==========================================
   Interactive 3D Smart Card Simulator Styling
   ========================================== */
.vvrc-card-visual-glow-wrapper {
   position: relative;
   display: inline-block;
   margin: 30px auto;
   width: 100%;
   max-width: 440px;
}

.vvrc-card-glow-orb {
   position: absolute;
   width: 320px;
   height: 320px;
   background: radial-gradient(circle, rgba(124, 58, 237, 0.22) 0%, rgba(37, 99, 235, 0.08) 50%, transparent 70%);
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   filter: blur(40px);
   pointer-events: none;
   z-index: 1;
   animation: orb-pulse 6s infinite ease-in-out;
}

@keyframes orb-pulse {
   0%, 100% { transform: translate(-50%, -50%) scale(1); opacity: 0.8; }
   50% { transform: translate(-50%, -50%) scale(1.15); opacity: 1; }
}

.vvrc-3d-card-wrapper {
   perspective: 2000px;
   width: 100%;
   height: 275px;
   position: relative;
   z-index: 2;
}

.vvrc-smart-card-container {
   width: 100%;
   height: 100%;
   position: relative;
   transform-style: preserve-3d;
   transition: transform 0.85s cubic-bezier(0.19, 1, 0.22, 1);
   cursor: pointer;
}

.vvrc-smart-card-container.flipped {
   transform: rotateY(180deg);
}

.vvrc-card-face {
   position: absolute;
   width: 100%;
   height: 100%;
   backface-visibility: hidden;
   -webkit-backface-visibility: hidden;
   border-radius: 24px;
   padding: 32px;
   display: flex;
   flex-direction: column;
   justify-content: space-between;
   box-shadow: 0 30px 70px rgba(0, 0, 0, 0.3);
   overflow: hidden;
   border: 1px solid rgba(255, 255, 255, 0.16);
}

/* Front Face Styling (Metallic Premium Finish) */
.vvrc-card-face.front {
   background: linear-gradient(135deg, #1e0b36 0%, #0d0b26 50%, #082f49 100%);
   color: #FFFFFF;
   z-index: 2;
}

.vvrc-card-face.front::before {
   content: '';
   position: absolute;
   top: -50%;
   left: -50%;
   width: 200%;
   height: 200%;
   background: radial-gradient(circle, rgba(168, 85, 247, 0.22) 0%, transparent 60%);
   pointer-events: none;
}

/* Subtle laser highlight lines */
.vvrc-card-face.front::after {
   content: '';
   position: absolute;
   inset: 0;
   background: linear-gradient(125deg, transparent 40%, rgba(255, 255, 255, 0.05) 45%, rgba(255, 255, 255, 0.1) 50%, rgba(255, 255, 255, 0.05) 55%, transparent 60%);
   transform: translateX(-100%);
   transition: transform 0.6s ease;
}

.vvrc-3d-card-wrapper:hover .vvrc-card-face.front::after {
   transform: translateX(100%);
   transition: transform 1.2s cubic-bezier(0.19, 1, 0.22, 1);
}

.smart-card-brand-wrap {
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.smart-card-brand {
   font-family: 'Outfit', sans-serif;
   font-weight: 900;
   font-size: 26px;
   letter-spacing: 1px;
   background: linear-gradient(90deg, #FFFFFF 0%, rgba(255,255,255,0.75) 100%);
   -webkit-background-clip: text;
   -webkit-text-fill-color: transparent;
   display: flex;
   align-items: center;
   gap: 8px;
}

.smart-card-chip {
   width: 48px;
   height: 38px;
   background: linear-gradient(135deg, #fef08a 0%, #d97706 50%, #ca8a04 100%);
   border-radius: 9px;
   position: relative;
   box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.6), 0 3px 6px rgba(0, 0, 0, 0.3);
}

.smart-card-chip::after {
   content: '';
   position: absolute;
   inset: 5px;
   border: 1.5px solid rgba(0,0,0,0.3);
   border-radius: 5px;
   background: repeating-linear-gradient(90deg, transparent, transparent 4px, rgba(0,0,0,0.18) 4px, rgba(0,0,0,0.18) 5px);
}

.smart-card-middle {
   margin: 15px 0;
}

.smart-card-sub-brand {
   font-family: 'Outfit', sans-serif;
   font-weight: 800;
   font-size: 13.5px;
   text-transform: uppercase;
   letter-spacing: 2.5px;
   color: #d8b4fe;
   opacity: 0.95;
   margin-bottom: 6px;
   text-shadow: 0 1.5px 3px rgba(0, 0, 0, 0.35);
}

.smart-card-number-label {
   font-family: 'Courier New', Courier, monospace;
   font-size: 23px;
   letter-spacing: 3.5px;
   color: #FFFFFF;
   font-weight: bold;
   text-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.95), 0px -0.5px 0px rgba(255, 255, 255, 0.35);
}

.smart-card-footer {
   display: flex;
   justify-content: space-between;
   align-items: flex-end;
}

.smart-card-holder-info {
   display: flex;
   flex-direction: column;
}

.smart-card-lbl {
   font-size: 10px;
   color: rgba(255, 255, 255, 0.55);
   text-transform: uppercase;
   letter-spacing: 1.5px;
   margin-bottom: 4px;
}

.smart-card-name-val {
   font-family: 'Outfit', sans-serif;
   font-size: 15px;
   font-weight: 750;
   color: #ffffff;
   text-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.95), 0px -0.5px 0px rgba(255, 255, 255, 0.3);
}

.smart-card-expiry-info {
   text-align: right;
}

.smart-card-expiry-val {
   font-family: 'Courier New', Courier, monospace;
   font-size: 13.5px;
   font-weight: bold;
   color: #fef08a;
   text-shadow: 0px 1.5px 2px rgba(0, 0, 0, 0.9), 0px -0.5px 0px rgba(255, 255, 255, 0.3);
}

/* Back Face Styling */
.vvrc-card-face.back {
   background: linear-gradient(135deg, #090d16 0%, #151b26 100%);
   color: #FFFFFF;
   transform: rotateY(180deg);
   padding: 28px 0;
   justify-content: flex-start;
}

.smart-card-magnetic-stripe {
   width: 100%;
   height: 50px;
   background: #000000;
   margin-top: 5px;
   margin-bottom: 22px;
}

.smart-card-signature-panel-wrap {
   padding: 0 30px;
   width: 100%;
   display: flex;
   gap: 15px;
   align-items: center;
}

.smart-card-signature-panel {
   flex-grow: 1;
   height: 42px;
   background: repeating-linear-gradient(45deg, #f3f4f6, #f3f4f6 10px, #e5e7eb 10px, #e5e7eb 20px);
   border-radius: 5px;
   position: relative;
   display: flex;
   align-items: center;
   padding-left: 15px;
}

.smart-card-signature-panel::before {
   content: 'Authorized Signature';
   font-family: 'Brush Script MT', cursive, sans-serif;
   font-size: 16px;
   color: #4b5563;
   opacity: 0.85;
}

.smart-card-cvv {
   background: #FFFFFF;
   color: #111827;
   padding: 8px 14px;
   font-family: 'Courier New', Courier, monospace;
   font-weight: bold;
   font-size: 15px;
   border-radius: 5px;
   box-shadow: inset 0 1px 3px rgba(0,0,0,0.25);
}

.smart-card-back-info {
   padding: 22px 32px 0 32px;
   font-size: 11px;
   color: rgba(255, 255, 255, 0.65);
   line-height: 1.6;
}

.smart-card-back-info p {
   margin-bottom: 8px;
}

.smart-card-back-info ul {
   padding-left: 15px;
   margin-bottom: 0;
   list-style-type: square;
}

.smart-card-back-info ul li {
   margin-bottom: 4px;
}

.vvrc-card-flip-btn {
   background: rgba(124, 58, 237, 0.08);
   border: 1px solid rgba(124, 58, 237, 0.2);
   border-radius: 50px;
   padding: 12px 28px;
   font-family: 'Outfit', sans-serif;
   font-weight: 700;
   font-size: 13.5px;
   color: #7C3AED;
   cursor: pointer;
   display: inline-flex;
   align-items: center;
   gap: 10px;
   transition: all 0.3s cubic-bezier(0.165, 0.84, 0.44, 1);
   margin-top: 25px;
}

.vvrc-card-flip-btn:hover {
   background: #7C3AED;
   color: #FFFFFF;
   box-shadow: 0 8px 20px rgba(124, 58, 237, 0.35);
   transform: translateY(-2px);
}

/* Glassmorphic Form Card Details & glowing inputs */
.vvrc-form-glass {
   background: rgba(255, 255, 255, 0.88);
   backdrop-filter: blur(20px);
   -webkit-backdrop-filter: blur(20px);
   border: 1px solid rgba(226, 232, 240, 0.95);
   box-shadow: 0 25px 55px rgba(15, 23, 42, 0.05);
}

.vvrc-form-input {
   transition: all 0.3s ease;
}

.vvrc-form-input:focus {
   border-color: #7C3AED;
   box-shadow: 0 0 0 4px rgba(124, 58, 237, 0.15);
   background-color: #FFFFFF;
}

/* Specific glowing focus states for other forms */
#sector-outsourcing-form .vvrc-form-input:focus {
   border-color: #2563EB;
   box-shadow: 0 0 0 4px rgba(37, 99, 235, 0.15);
}

#smartcard-verification-form .vvrc-form-input:focus {
   border-color: #10B981;
   box-shadow: 0 0 0 4px rgba(16, 185, 129, 0.15);
}

.vvrc-tab-content-panel {
   display: none;
   opacity: 0;
}

.vvrc-tab-content-panel.active {
   display: block;
   animation: tabFadeInUp 0.6s cubic-bezier(0.16, 1, 0.3, 1) forwards;
}

@keyframes tabFadeInUp {
   0% {
      opacity: 0;
      transform: translateY(25px);
   }
   100% {
      opacity: 1;
      transform: translateY(0);
   }
}

/* Dynamic Glare Overlay on Card */
.smart-card-glare {
   position: absolute;
   inset: 0;
   pointer-events: none;
   z-index: 3;
   mix-blend-mode: overlay;
   transition: background 0.1s ease;
   border-radius: 24px;
   background: transparent;
}

/* Card Entry Animation on Tab Switch */
@keyframes cardEntry {
   0% {
      transform: rotateY(-90deg) scale(0.85);
      opacity: 0;
   }
   100% {
      transform: rotateY(0deg) scale(1);
      opacity: 1;
   }
}

.card-entry-spin {
   animation: cardEntry 1.2s cubic-bezier(0.19, 1, 0.22, 1) forwards;
}

/* Bento list item cascading hovers */
.vvrc-bento-list li {
   transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}

.vvrc-bento-item:hover .vvrc-bento-list li {
   transform: translateX(6px);
}

.vvrc-bento-list li:nth-child(1) { transition-delay: 0.04s; }
.vvrc-bento-list li:nth-child(2) { transition-delay: 0.08s; }
.vvrc-bento-list li:nth-child(3) { transition-delay: 0.12s; }

/* Bento list check badges */
.vvrc-bento-list li i {
   color: #10B981;
   font-size: 10px;
   background: rgba(16, 185, 129, 0.1);
   padding: 5px;
   border-radius: 50%;
   display: inline-flex;
   align-items: center;
   justify-content: center;
   width: 22px;
   height: 22px;
}

/* Form Input Accent Shadows */
.vvrc-form-group label i {
   transition: color 0.3s, transform 0.3s;
}

.vvrc-form-input:focus ~ label i,
.vvrc-form-group:focus-within label i {
   color: #7C3AED;
   transform: scale(1.15);
}