/* ======================================== LYNCK Studio - Main Stylesheet Consolidated from:styles.css,critical.css,animations.css,components.css,orb-text.css,and inline styles ======================================== *//* ======================================== 1. BASE & RESET STYLES ======================================== *//* Base HTML & Body - TRANSPARENT background to allow WebGL starfield */html,body{margin:0;padding:0;background:transparent;color:#ffffff;font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto',sans-serif;min-height:100%;}/* Force black background */body{background-color:#000000 !important;}/* Performance:Content visibility for off-screen sections */section{content-visibility:auto;contain-intrinsic-size:auto 500px;}/* ======================================== 2. TYPOGRAPHY & FONT FAMILIES ======================================== *//* Font Family Utilities */.font-geist{font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell',sans-serif;}.font-inter{font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen','Ubuntu','Cantarell',sans-serif;}.font-geist-mono{font-family:'Geist Mono','Monaco','Cascadia Code','Segoe UI Mono','Roboto Mono','Oxygen Mono','Ubuntu Monospace','Source Code Pro',monospace;}/* Script Logo Style - Common across pages */.script-logo{font-family:'Brush Script MT',cursive,'Lucida Handwriting','Apple Chancery',fantasy;font-size:2rem;font-weight:bold;color:white;text-shadow:2px 2px 4px rgba(0,0,0,0.3);letter-spacing:-1px;transform:rotate(-2deg);transition:all 0.3s ease;}.script-logo:hover{transform:rotate(0deg) scale(1.05);text-shadow:3px 3px 6px rgba(0,0,0,0.4);}/* Common Text Styles */.text-gradient{background:linear-gradient(135deg,#22c55e,#16a34a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}.text-shadow{text-shadow:0 2px 4px rgba(0,0,0,0.3);}/* Studio logotype accent */.studio-text{font-family:'Brush Script MT','Lucida Handwriting','Apple Chancery','Segoe Script',cursive;font-style:italic;font-weight:600;text-shadow:2px 2px 8px rgba(0,0,0,0.45);letter-spacing:0.12em;transform:rotate(-5deg);font-size:clamp(2.5rem,6vw,4rem);bottom:-0.9rem;right:0.35rem;pointer-events:none;}@media (min-width:1024px){.studio-text{bottom:-1.35rem;right:1.1rem;}}.studio-text::after{content:'';position:absolute;bottom:-0.4rem;left:10%;width:80%;height:2px;border-radius:9999px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.8),transparent);opacity:0.9;animation:underline-glow 2s ease-in-out infinite;}/* ======================================== 3. ANIMATIONS & KEYFRAMES ======================================== *//* Basic Animations */@keyframes fade-in{from{opacity:0;}to{opacity:1;}}@keyframes slide-up{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0px);}}@keyframes scale-in{from{opacity:0;transform:scale(0.95);}to{opacity:1;transform:scale(1);}}.animate-fade-in{animation:fade-in 0.8s ease-out forwards;}.animate-slide-up{animation:slide-up 0.8s ease-out forwards;}.animate-scale-in{animation:scale-in 0.8s ease-out forwards;}.opacity-0{opacity:0;}/* FadeInUp Animation */@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.animate-fade-in-up{animation:fadeInUp 0.6s ease-out forwards;}/* Float Animation */@keyframes float{0%,100%{transform:translateY(0px);}50%{transform:translateY(-8px);}}/* Slide Animations */@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%);}100%{opacity:1;transform:translateX(0);}}@keyframes slideOutLeft{0%{opacity:1;transform:translateX(0);}100%{opacity:0;transform:translateX(-100%);}}/* Letter Reveal Animation */@keyframes letterReveal{0%{opacity:0;transform:translateY(24px);}100%{opacity:1;transform:translateY(0);}}/* Marquee Animations */@keyframes marquee{0%{transform:translateX(0%);}100%{transform:translateX(-100%);}}@keyframes marquee-reverse{0%{transform:translateX(-100%);}100%{transform:translateX(0%);}}/* Fire Flicker Animation */@keyframes fire-flicker{0%,100%{transform:scale(1) rotate(0deg);}25%{transform:scale(1.1) rotate(-1deg);}50%{transform:scale(1.05) rotate(1deg);}75%{transform:scale(1.1) rotate(-0.5deg);}}/* Breathing Animation */@keyframes breathe{0%,100%{transform:scale(1);}50%{transform:scale(1.02);}}/* Pulse Animation */@keyframes pulse{0%,100%{opacity:1;}50%{opacity:0.7;}}.animate-pulse{animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite;}/* Underline Glow Animation */@keyframes underline-glow{0%,100%{opacity:0.45;box-shadow:0 0 6px rgba(255,255,255,0.4);}50%{opacity:1;box-shadow:0 0 14px rgba(255,255,255,0.75);}}/* ======================================== 4. BUTTON STYLES & ANIMATIONS ======================================== *//* Button Glow Animations - Green Theme */@keyframes green-glow{0%,100%{box-shadow:0 0 15px rgba(34,197,94,0.4),0 0 25px rgba(34,197,94,0.2),0 0 35px rgba(34,197,94,0.1);}50%{box-shadow:0 0 20px rgba(34,197,94,0.6),0 0 35px rgba(34,197,94,0.3),0 0 50px rgba(34,197,94,0.15);}}@keyframes green-glow-bright{0%,100%{box-shadow:0 0 18px rgba(34,197,94,0.5),0 0 30px rgba(34,197,94,0.25),0 0 45px rgba(34,197,94,0.12);}50%{box-shadow:0 0 25px rgba(34,197,94,0.7),0 0 40px rgba(34,197,94,0.35),0 0 60px rgba(34,197,94,0.18);}}.btn-glow,.btn-glow-blue{animation:green-glow 3s ease-in-out infinite;transition:all 0.3s ease;}.btn-glow-purple{animation:green-glow-bright 3s ease-in-out infinite;transition:all 0.3s ease;}.btn-glow:hover,.btn-glow-blue:hover,.btn-glow-purple:hover{transform:scale(1.05);animation-duration:2s;}.green-glow{animation:green-glow 2s ease-in-out infinite;}/* Common Button Styles - Removed unused .btn-primary and .btn-secondary *//* ======================================== 5. SHINY BUTTON STYLES ======================================== */@property --gradient-angle{syntax:"<angle>";initial-value:0deg;inherits:false;}@property --gradient-angle-offset{syntax:"<angle>";initial-value:0deg;inherits:false;}@property --gradient-percent{syntax:"<percentage>";initial-value:20%;inherits:false;}@property --gradient-shine{syntax:"<color>";initial-value:#8484ff;inherits:false;}.shiny-cta{--gradient-angle:0deg;--gradient-angle-offset:0deg;--gradient-percent:20%;--gradient-shine:#8484ff;--shadow-size:2px;position:relative;overflow:hidden;border-radius:9999px;padding:1.25rem 2.5rem;font-size:1.125rem;line-height:1.2;font-weight:500;color:#ffffff;background:linear-gradient(#000000,#000000) padding-box,conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent 0%,#1d4ed8 5%,var(--gradient-shine) 15%,#1d4ed8 30%,transparent 40%,transparent 100% ) border-box;border:2px solid transparent;box-shadow:inset 0 0 0 1px #1a1818;outline:none;transition:--gradient-angle-offset 800ms cubic-bezier(0.25,1,0.5,1),--gradient-percent 800ms cubic-bezier(0.25,1,0.5,1),--gradient-shine 800ms cubic-bezier(0.25,1,0.5,1),box-shadow 0.3s;cursor:pointer;isolation:isolate;outline-offset:4px;font-family:'Inter','Helvetica Neue',sans-serif;z-index:0;animation:border-spin 2.5s linear infinite;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}@keyframes border-spin{to{--gradient-angle:360deg;}}.shiny-cta:active{transform:translateY(1px);}.shiny-cta::before{content:'';pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;--size:calc(100% - 6px);--position:2px;--space:4px;width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white 0.5px,transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;mask-image:conic-gradient( from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black );border-radius:inherit;opacity:0.4;pointer-events:none;}.shiny-cta::after{content:'';pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,#1d4ed8,transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:0.6;animation:shimmer 4s linear infinite;animation-play-state:running;}.shiny-cta span{position:relative;z-index:2;display:inline-block;}.shiny-cta span::before{content:'';pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px #1d4ed8;opacity:0;border-radius:inherit;transition:opacity 800ms cubic-bezier(0.25,1,0.5,1);animation:breathe 4.5s linear infinite;}@keyframes shimmer{to{transform:translate(-50%,-50%) rotate(360deg);}}/* White Shiny Button Variation */.shiny-cta-white{--gradient-angle:0deg;--gradient-angle-offset:0deg;--gradient-percent:20%;--gradient-shine:#ffffff;--shadow-size:2px;position:relative;overflow:hidden;border-radius:9999px;padding:0.75rem 1.5rem;font-size:0.875rem;line-height:1.2;font-weight:500;color:#ffffff;background:linear-gradient(#000000,#000000) padding-box,conic-gradient( from calc(var(--gradient-angle) - var(--gradient-angle-offset)),transparent 0%,#ffffff 5%,var(--gradient-shine) 15%,#ffffff 30%,transparent 40%,transparent 100% ) border-box;border:2px solid transparent;box-shadow:inset 0 0 0 1px #1a1818;outline:none;transition:--gradient-angle-offset 800ms cubic-bezier(0.25,1,0.5,1),--gradient-percent 800ms cubic-bezier(0.25,1,0.5,1),--gradient-shine 800ms cubic-bezier(0.25,1,0.5,1),box-shadow 0.3s;cursor:pointer;isolation:isolate;outline-offset:4px;font-family:'Inter','Helvetica Neue',sans-serif;z-index:0;animation:border-spin 2.5s linear infinite;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:0.5rem;}.shiny-cta-white::before{content:'';pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:0;--size:calc(100% - 6px);--position:2px;--space:4px;width:var(--size);height:var(--size);background:radial-gradient(circle at var(--position) var(--position),white 0.5px,transparent 0) padding-box;background-size:var(--space) var(--space);background-repeat:space;mask-image:conic-gradient( from calc(var(--gradient-angle) + 45deg),black,transparent 10% 90%,black );border-radius:inherit;opacity:0.4;pointer-events:none;}.shiny-cta-white::after{content:'';pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:1;width:100%;aspect-ratio:1;background:linear-gradient(-50deg,transparent,#ffffff,transparent);mask-image:radial-gradient(circle at bottom,transparent 40%,black);opacity:0.6;animation:shimmer 4s linear infinite;animation-play-state:running;}.shiny-cta-white span{position:relative;z-index:2;display:inline-block;}.shiny-cta-white span::before{content:'';pointer-events:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:-1;--size:calc(100% + 1rem);width:var(--size);height:var(--size);box-shadow:inset 0 -1ex 2rem 4px #ffffff;opacity:0;border-radius:inherit;transition:opacity 800ms cubic-bezier(0.25,1,0.5,1);animation:breathe 4.5s linear infinite;}/* ======================================== 6. CURSOR EFFECTS ======================================== *//* Cursor Invert Mask - White Circle Following Cursor in Hero Section */.cursor-invert-mask{position:relative;}.cursor-invert-mask::before{content:'';position:fixed;width:200px;height:200px;border-radius:50%;background:white;mix-blend-mode:difference;pointer-events:none;z-index:9999;opacity:0;transition:opacity 0.2s ease-out;transform:translate(-50%,-50%);left:var(--cursor-x,0px);top:var(--cursor-y,0px);}.cursor-invert-active .cursor-invert-mask::before{opacity:1;}/* ======================================== 7. CONTACT MODAL STYLES ======================================== */.contact-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(10px);z-index:9999;align-items:center;justify-content:center;padding:20px;}.contact-modal.active{display:flex;}.contact-form-container{background:rgba(23,23,23,0.95);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:32px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;position:relative;backdrop-filter:blur(20px);}.close-modal{position:absolute;top:16px;right:16px;background:none;border:none;color:#9ca3af;font-size:24px;cursor:pointer;padding:8px;border-radius:8px;transition:all 0.3s ease;}.close-modal:hover{color:white;background:rgba(255,255,255,0.1);}/* ======================================== 8. FORM STYLES ======================================== *//* Form Dropdown Styles */.form-dropdown{position:relative;}.dropdown-button{width:100%;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:12px 16px;color:#e5e7eb;font-size:14px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:all 0.3s ease;}.dropdown-button:hover,.dropdown-button:focus{border-color:rgba(34,197,94,0.4);outline:none;}.dropdown-menu{position:absolute;top:100%;left:0;right:0;background:rgba(23,23,23,0.95);border:1px solid rgba(255,255,255,0.2);border-radius:8px;margin-top:4px;z-index:10;display:none;backdrop-filter:blur(20px);}.dropdown-menu.active{display:block;}.dropdown-item{padding:12px 16px;color:#e5e7eb;cursor:pointer;transition:all 0.3s ease;border-bottom:1px solid rgba(255,255,255,0.1);}.dropdown-item:last-child{border-bottom:none;}.dropdown-item:hover{background:rgba(34,197,94,0.1);color:white;}.form-error{color:#ef4444;font-size:12px;margin-top:4px;}/* Common Form Input Styles */.form-input{width:100%;background:rgba(0,0,0,0.7);border:1px solid rgba(255,255,255,0.2);border-radius:8px;padding:12px 16px;color:#e5e7eb;font-size:14px;transition:all 0.3s ease;}.form-input:focus{border-color:rgba(34,197,94,0.4);outline:none;}.form-input::placeholder{color:#9ca3af;}/* ======================================== 9. LAYOUT & GRID STYLES ======================================== *//* Common Grid Layouts - Removed unused .grid-auto-fit and .grid-2-cols *//* Common Card Styles */.card{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:16px;padding:24px;backdrop-filter:blur(10px);transition:all 0.3s ease;}.card:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.15);transform:translateY(-2px);}/* ======================================== 10. ORB-TEXT INTEGRATION (Spline 3D) ======================================== */#orbTextContainer{z-index:15;will-change:transform;}#orbSyncText{opacity:0;color:white;font-weight:bold;text-align:center;position:fixed;z-index:10;pointer-events:none;transition:opacity 0.3s ease-out;}/* Responsive text adjustments */@media (max-width:768px){#orbSyncText{white-space:normal;line-height:0.8;}}/* High DPI display optimization */@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){#orbSyncText{text-rendering:geometricPrecision;}}/* Reduced motion preference */@media (prefers-reduced-motion:reduce){#orbSyncText{transition:none;}#orbTextContainer{will-change:auto;}}/* ======================================== 11. UTILITY CLASSES (Extracted from inline styles) ======================================== *//* Z-index Utilities */.z-n-30{z-index:1;}.z-n-20{z-index:1;}.z-n-10{z-index:2;}/* Ensure main content appears above background canvases */body > section,body > main,body > footer,body > div:not(#starfield-canvas):not(#shader-canvas):not(#navigation-placeholder){position:relative;z-index:10;}/* Transform Utilities */.translate-y-25{transform:translateY(25%);}/* Opacity Utilities */.opacity-10{opacity:0.1;}/* Font Weight Utilities */.font-medium{font-weight:500;}/* Animation Delay Utilities */.delay-200{animation-delay:0.2s;}.delay-400{animation-delay:0.4s;}.delay-600{animation-delay:0.6s;}.delay-800{animation-delay:0.8s;}.delay-1000{animation-delay:1s;}.delay-1200{animation-delay:1.2s;}.delay-1400{animation-delay:1.4s;}.delay-1600{animation-delay:1.6s;}.delay-1800{animation-delay:1.8s;}/* Text Shadow Utilities */.text-shadow-yellow{text-shadow:0 0 20px rgba(252,211,77,0.3);}.text-shadow-pink{text-shadow:0 0 20px rgba(251,113,133,0.3);}.text-shadow-green{text-shadow:0 0 20px rgba(110,231,183,0.3);}.text-shadow-cyan{text-shadow:0 0 20px rgba(103,232,249,0.3);}/* Will-change Performance Utilities */.will-change-transform{will-change:transform;}/* ======================================== 12. MOBILE OPTIMIZATIONS ======================================== *//* iOS Text Size Adjustment Prevention */html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;-ms-text-size-adjust:100%;text-size-adjust:100%;}/* iOS Tap Highlight Removal */*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;}/* Smooth Scrolling */html{scroll-behavior:smooth;}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}/* Touch Action for Better Mobile Responsiveness */a,button,[role="button"],[onclick]{touch-action:manipulation;}/* Minimum Touch Target Size (44x44px for accessibility) */@media (max-width:768px){a,button,[role="button"],.shiny-cta,.shiny-cta-white{min-height:44px;min-width:44px;}}/* Hardware Acceleration for Animations */.animate-fade-in,.animate-slide-up,.animate-scale-in,.shiny-cta,.shiny-cta-white,.card{transform:translateZ(0);-webkit-transform:translateZ(0);backface-visibility:hidden;-webkit-backface-visibility:hidden;}/* Prevent Text Inflation on Mobile */body{text-size-adjust:100%;-webkit-text-size-adjust:100%;}/* Optimize Font Rendering on Mobile */@media (max-width:768px){body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;}}/* Better Input Focus on Mobile */@media (max-width:768px){input,textarea,select{font-size:16px;}}/* Prevent Horizontal Overflow on Mobile */body{overflow-x:hidden;position:relative;}/* Mobile Navigation Optimizations */@media (max-width:640px){header{margin:0.5rem;}header .flex.h-20{height:4rem;}/* Prevent navigation items from wrapping */ nav{overflow-x:auto;-webkit-overflow-scrolling:touch;}}/* Section Title Overflow Prevention */@media (max-width:640px){h1,h2,h3{word-wrap:break-word;overflow-wrap:break-word;hyphens:auto;}/* Extra small screens - ensure no horizontal scroll */ .text-3xl{font-size:1.75rem !important;line-height:2rem !important;}}/* Ensure all containers respect viewport width */@media (max-width:768px){*{max-width:100vw;}section,div{overflow-wrap:break-word;}}/* ======================================== COOKIE CONSENT BANNER ======================================== *//* Cookie Consent Banner */.cookie-consent{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity 0.3s ease;}.cookie-consent.visible{opacity:1;}.cookie-consent.hidden{display:none !important;visibility:hidden !important;opacity:0 !important;pointer-events:none !important;}.cookie-consent-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.8);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);}.cookie-consent-modal{position:relative;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;background:rgba(0,0,0,0.9);border:1px solid rgba(255,255,255,0.15);border-radius:1.5rem;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 20px 60px rgba(0,0,0,0.5);animation:slideUp 0.4s ease-out;}@keyframes slideUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.cookie-consent-content{padding:2rem;}.cookie-consent-header{margin-bottom:1.5rem;}.cookie-consent-title{font-size:1.5rem;font-weight:700;color:#ffffff;margin-bottom:0.75rem;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}.cookie-consent-description{font-size:0.95rem;line-height:1.6;color:rgba(255,255,255,0.7);font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}/* Cookie Options */.cookie-consent-options{margin-bottom:1.5rem;}.cookie-option{background:rgba(255,255,255,0.05);border:1px solid rgba(255,255,255,0.1);border-radius:0.75rem;padding:1rem;margin-bottom:0.75rem;transition:all 0.2s ease;}.cookie-option:hover{background:rgba(255,255,255,0.08);border-color:rgba(255,255,255,0.2);}.cookie-option-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:0.5rem;}.cookie-checkbox-label{display:flex;align-items:center;cursor:pointer;flex:1;}.cookie-checkbox{width:1.25rem;height:1.25rem;margin-right:0.75rem;cursor:pointer;accent-color:#ffffff;}.cookie-checkbox:disabled{cursor:not-allowed;opacity:0.6;}.cookie-option-title{font-size:1rem;font-weight:600;color:#ffffff;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}.cookie-badge{font-size:0.75rem;padding:0.25rem 0.75rem;border-radius:9999px;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;}.cookie-badge.required{background:rgba(59,130,246,0.2);color:#60a5fa;border:1px solid rgba(59,130,246,0.3);}.cookie-option-description{font-size:0.85rem;line-height:1.5;color:rgba(255,255,255,0.6);margin-left:2rem;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}/* Cookie Actions */.cookie-consent-actions{display:flex;gap:0.75rem;margin-bottom:1rem;flex-wrap:wrap;}.cookie-btn{flex:1;min-width:140px;padding:0.75rem 1.5rem;border-radius:0.75rem;font-size:0.95rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;border:none;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}.cookie-btn-primary{background:#ffffff;color:#000000;}.cookie-btn-primary:hover{background:rgba(255,255,255,0.9);transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,255,255,0.2);}.cookie-btn-secondary{background:rgba(255,255,255,0.1);color:#ffffff;border:1px solid rgba(255,255,255,0.2);}.cookie-btn-secondary:hover{background:rgba(255,255,255,0.15);border-color:rgba(255,255,255,0.3);}.cookie-btn-text{background:transparent;color:rgba(255,255,255,0.7);border:1px solid transparent;}.cookie-btn-text:hover{color:#ffffff;background:rgba(255,255,255,0.05);}/* Cookie Footer */.cookie-consent-footer{display:flex;align-items:center;justify-content:center;gap:0.5rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,0.1);}.cookie-link{font-size:0.85rem;color:rgba(255,255,255,0.6);text-decoration:none;transition:color 0.2s ease;font-family:'Geist',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;}.cookie-link:hover{color:#ffffff;text-decoration:underline;}.cookie-separator{color:rgba(255,255,255,0.3);}/* Mobile Responsive */@media (max-width:640px){.cookie-consent-content{padding:1.5rem;}.cookie-consent-title{font-size:1.25rem;}.cookie-consent-description{font-size:0.9rem;}.cookie-consent-actions{flex-direction:column;}.cookie-btn{width:100%;}}/* ======================================== END OF MAIN STYLESHEET ======================================== */