.navbar{position:fixed;top:0;left:0;width:100%;padding:.8rem 1.5rem;z-index:1000;transition:all .3s ease;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);background-color:var(--navbar-bg-color)}.navbar.scrolled{box-shadow:var(--elevation-2);padding:.5rem 1.5rem}.navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1280px;margin:0 auto;width:100%}.navbar-logo{font-size:1.5rem;font-weight:500}.navbar-logo a{color:var(--primary-color);text-decoration:none;transition:color .3s ease}.navbar-logo a:hover{color:var(--hover-color)}.navbar-logo a:after{display:none}.navbar-menu{display:flex;list-style:none;margin:0;padding:0;transition:all .3s ease;align-items:center}.navbar-item{margin:0 .8rem;display:flex;align-items:center}.navbar-link{color:var(--text-color);text-decoration:none;padding:.5rem .8rem;border-radius:var(--border-radius-md);font-weight:500;transition:all .3s ease;position:relative}.navbar-link:after{display:none}.navbar-link:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:0;height:2px;background:var(--primary-color);transition:width .3s ease}.navbar-link:hover:before,.navbar-link.active:before{width:80%}.navbar-link:hover,.navbar-link.active{color:var(--primary-color)}.toggle-container,.theme-toggle-container{padding:0;margin-left:.8rem;display:flex;align-items:center;justify-content:center;height:100%}.navbar-toggle{display:none;flex-direction:column;cursor:pointer;z-index:1002}.bar{width:25px;height:3px;background-color:var(--text-color);margin:3px 0;transition:all .3s ease;border-radius:3px}body.menu-open{overflow:hidden}.navbar-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;background-color:#00000080;z-index:1000;opacity:0;transition:opacity .3s ease}.navbar-overlay.active{display:block;opacity:1}@media screen and (max-width: 768px){.navbar-toggle{display:flex;z-index:1002}.navbar-menu{position:fixed;top:0;right:-100%;width:270px;height:100vh;background-color:var(--card-bg-color);box-shadow:var(--elevation-3);flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:70px;transition:right .3s ease;z-index:1001;overflow-y:auto}.navbar-menu.active{right:0}.navbar-item{margin:.5rem 0;width:100%}.navbar-link{display:block;width:100%;padding:1rem 1.5rem;font-size:1.1rem}.navbar-link:before{left:10px;transform:none;bottom:auto;top:50%;width:4px;height:0;transition:height .3s ease}.navbar-link:hover:before,.navbar-link.active:before{width:4px;height:80%;background-color:var(--primary-color)}.theme-toggle-container{margin:1rem 1.5rem;padding:.5rem 0;border-top:1px solid rgba(0,0,0,.1)}.navbar-toggle.active .bar:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.navbar-toggle.active .bar:nth-child(2){opacity:0}.navbar-toggle.active .bar:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.navbar-link.active{background-color:rgba(var(--primary-color-rgb),.1);font-weight:600}}.theme-toggle-wrapper{display:flex;align-items:center;margin:0 10px}.theme-toggle-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--card-bg-color);color:var(--text-color);border:2px solid var(--border-color);border-radius:20px;padding:6px 12px;cursor:pointer;transition:all .3s ease;font-size:14px;font-weight:500}.theme-toggle-button:hover{background-color:var(--accent-color);color:#fff;transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.theme-icon{font-size:16px}.theme-label{text-transform:capitalize}@media (max-width: 768px){.theme-label{display:none}.theme-toggle-button{padding:8px;width:36px;height:36px;border-radius:50%}}:root{--global-cycle-duration: 20s;--text-cycle-duration: 15s;--heading-cycle-duration: 12s;--background-cycle-duration: 30s;--global-cycle-delay-short: .5s;--global-cycle-delay-medium: 1s;--global-cycle-delay-long: 1.5s;--text-cycle-intensity: 80%;--heading-cycle-intensity: 90%;--background-cycle-intensity: 10%;--accent-cycle-intensity: 70%;--shadow-cycle-intensity: 60%;--cycle-curve: cubic-bezier(.4, 0, .2, 1);--text-cycle-curve: cubic-bezier( .4, 0, .6, 1 );--background-cycle-curve: cubic-bezier( .25, .1, .25, 1 )}.color-cycle-mode{animation:backgroundColorCycle var(--global-cycle-duration) infinite var(--cycle-curve)}.color-cycle-mode *{animation-play-state:running!important}body.color-cycling-enabled{animation:globalBackgroundShift var(--background-cycle-duration) infinite alternate var(--background-cycle-curve)}body.color-cycling-enabled h1,body.color-cycling-enabled h2,body.color-cycling-enabled h3,body.color-cycling-enabled h4,body.color-cycling-enabled h5,body.color-cycling-enabled h6,body.color-cycling-enabled .main-title,body.color-cycling-enabled .subtitle{animation:headingColorCycle var(--heading-cycle-duration) infinite alternate var(--text-cycle-curve);position:relative}body.color-cycling-enabled h1,body.color-cycling-enabled h2{text-shadow:0 0 1px rgba(255,255,255,.1)}body.color-cycling-enabled p,body.color-cycling-enabled li,body.color-cycling-enabled span:not(.color-cycle-icon),body.color-cycling-enabled a:not(.navbar-link):not(.social-link),body.color-cycling-enabled div,body.color-cycling-enabled label,body.color-cycling-enabled blockquote,body.color-cycling-enabled cite,body.color-cycling-enabled figcaption{animation:textColorCycle var(--text-cycle-duration) infinite alternate var(--text-cycle-curve);animation-delay:var(--global-cycle-delay-short)}body.color-cycling-enabled .hero-subtitle,body.color-cycling-enabled .subtitle,body.color-cycling-enabled strong,body.color-cycling-enabled b,body.color-cycling-enabled .fonction,body.color-cycling-enabled .team-card-name,body.color-cycling-enabled .member-role,body.color-cycling-enabled .contact-card-title,body.color-cycling-enabled .navbar-link,body.color-cycling-enabled .navbar-logo a,body.color-cycling-enabled .member-image+h3,body.color-cycling-enabled .highlight strong{animation:accentTextColorCycle var(--heading-cycle-duration) infinite alternate var(--text-cycle-curve)}body.color-cycling-enabled .card,body.color-cycling-enabled .presentation,body.color-cycling-enabled .objectifs,body.color-cycling-enabled .equipe,body.color-cycling-enabled .contact,body.color-cycling-enabled .feature-card,body.color-cycling-enabled .team-card,body.color-cycling-enabled .contact-card,body.color-cycling-enabled .hero-background,body.color-cycling-enabled .membre,body.color-cycling-enabled nav{animation:backgroundColorCycle calc(var(--global-cycle-duration) * 1.3) infinite alternate var(--cycle-curve);animation-delay:var(--global-cycle-delay-medium);position:relative;overflow:hidden}body.color-cycling-enabled .card:after,body.color-cycling-enabled .presentation:after,body.color-cycling-enabled .objectifs:after,body.color-cycling-enabled .equipe:after,body.color-cycling-enabled .contact:after,body.color-cycling-enabled .feature-card:after,body.color-cycling-enabled .team-card:after,body.color-cycling-enabled .contact-card:after,body.color-cycling-enabled .membre:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#fff0,#ffffff1a,#fff0);transform:rotate(30deg);animation:cardShine 15s ease-in-out infinite,shineColorCycle calc(var(--global-cycle-duration) * 1.5) infinite alternate var(--cycle-curve);animation-delay:var(--global-cycle-delay-long);pointer-events:none;z-index:1}body.color-cycling-enabled .membre img,body.color-cycling-enabled .team-card-avatar,body.color-cycling-enabled .hero-logo,body.color-cycling-enabled .team-card-role,body.color-cycling-enabled .membre h4 a,body.color-cycling-enabled button,body.color-cycling-enabled a.social-link,body.color-cycling-enabled .fonction{animation:borderColorCycle calc(var(--global-cycle-duration) * .8) infinite alternate var(--cycle-curve);animation-delay:var(--global-cycle-delay-medium)}body.color-cycling-enabled [class*=gradient],body.color-cycling-enabled .hero-title,body.color-cycling-enabled .titre h1,body.color-cycling-enabled .main-title{animation:gradientColorCycle calc(var(--heading-cycle-duration) * 1.5) infinite alternate var(--text-cycle-curve)}body.color-cycling-enabled .elevation-1,body.color-cycling-enabled .elevation-2,body.color-cycling-enabled .elevation-3,body.color-cycling-enabled .elevation-4,body.color-cycling-enabled .elevation-5,body.color-cycling-enabled .md-card,body.color-cycling-enabled .md-button,body.color-cycling-enabled .md-fab{animation:shadowColorCycle calc(var(--global-cycle-duration) * .9) infinite alternate var(--cycle-curve);animation-delay:var(--global-cycle-delay-short)}body.color-cycling-enabled .logo,body.color-cycling-enabled .hero-logo img{animation:logoColorPulse calc(var(--global-cycle-duration) * .7) infinite alternate var(--cycle-curve),logoScale 15s infinite alternate ease-in-out}@keyframes globalBackgroundShift{0%{background-color:var(--background-color)}20%{background-color:color-mix(in hsl,var(--background-color),var(--primary-color) calc(var(--background-cycle-intensity) * .7))}40%{background-color:color-mix(in hsl,var(--background-color),var(--primary-color) var(--background-cycle-intensity))}60%{background-color:color-mix(in hsl,var(--background-color),var(--secondary-color) calc(var(--background-cycle-intensity) * .8))}80%{background-color:color-mix(in hsl,var(--background-color),var(--accent-color) calc(var(--background-cycle-intensity) * .9))}to{background-color:color-mix(in hsl,var(--background-color),var(--accent-color) var(--background-cycle-intensity))}}@keyframes textColorCycle{0%{color:var(--text-color)}10%{color:color-mix(in hsl,var(--text-color),var(--primary-color) calc(var(--text-cycle-intensity) * .4))}25%{color:color-mix(in hsl,var(--text-color),var(--primary-color) var(--text-cycle-intensity))}40%{color:color-mix(in hsl,var(--text-color),var(--secondary-color) calc(var(--text-cycle-intensity) * .6))}50%{color:color-mix(in hsl,var(--text-color),var(--secondary-color) var(--text-cycle-intensity))}65%{color:color-mix(in hsl,var(--text-color),var(--accent-color) calc(var(--text-cycle-intensity) * .7))}75%{color:color-mix(in hsl,var(--text-color),var(--accent-color) var(--text-cycle-intensity))}85%{color:color-mix(in hsl,var(--text-color),var(--hover-color) calc(var(--text-cycle-intensity) * .6))}95%{color:color-mix(in hsl,var(--text-color),var(--hover-color) calc(var(--text-cycle-intensity) * .3))}to{color:var(--text-color)}}@keyframes headingColorCycle{0%{color:var(--primary-color);text-shadow:0 0 2px rgba(160,92,47,.3)}12.5%{color:color-mix(in hsl,var(--primary-color),var(--secondary-color) 40%);text-shadow:0 0 2px rgba(190,110,60,.3)}25%{color:var(--secondary-color);text-shadow:0 0 2px rgba(227,139,79,.3)}37.5%{color:color-mix(in hsl,var(--secondary-color),var(--accent-color) 40%);text-shadow:0 0 2px rgba(215,136,70,.3)}50%{color:var(--accent-color);text-shadow:0 0 2px rgba(205,133,63,.3)}62.5%{color:color-mix(in hsl,var(--accent-color),var(--hover-color) 40%);text-shadow:0 0 2px rgba(225,110,90,.3)}75%{color:var(--hover-color);text-shadow:0 0 2px rgba(255,64,129,.3)}87.5%{color:color-mix(in hsl,var(--hover-color),var(--primary-color) 60%);text-shadow:0 0 2px rgba(200,80,80,.3)}to{color:var(--primary-color);text-shadow:0 0 2px rgba(160,92,47,.3)}}@keyframes accentTextColorCycle{0%{color:var(--secondary-color);text-shadow:0 0 1px rgba(227,139,79,.2)}12.5%{color:color-mix(in hsl,var(--secondary-color),var(--accent-color) 30%);text-shadow:0 0 1px rgba(220,137,75,.2)}25%{color:var(--accent-color);text-shadow:0 0 1px rgba(205,133,63,.2)}37.5%{color:color-mix(in hsl,var(--accent-color),var(--hover-color) 30%);text-shadow:0 0 1px rgba(220,110,90,.2)}50%{color:var(--hover-color);text-shadow:0 0 1px rgba(255,64,129,.2)}62.5%{color:color-mix(in hsl,var(--hover-color),var(--primary-color) 30%);text-shadow:0 0 1px rgba(220,75,80,.2)}75%{color:var(--primary-color);text-shadow:0 0 1px rgba(160,92,47,.2)}87.5%{color:color-mix(in hsl,var(--primary-color),var(--secondary-color) 50%);text-shadow:0 0 1px rgba(190,115,60,.2)}to{color:var(--secondary-color);text-shadow:0 0 1px rgba(227,139,79,.2)}}@keyframes backgroundColorCycle{0%{background-color:var(--card-bg-color)}33%{background-color:color-mix(in hsl,var(--card-bg-color),var(--primary-color) var(--background-cycle-intensity))}66%{background-color:color-mix(in hsl,var(--card-bg-color),var(--secondary-color) var(--background-cycle-intensity))}to{background-color:color-mix(in hsl,var(--card-bg-color),var(--accent-color) var(--background-cycle-intensity))}}@keyframes borderColorCycle{0%{border-color:var(--primary-color)}33%{border-color:var(--secondary-color)}66%{border-color:var(--accent-color)}to{border-color:var(--hover-color)}}@keyframes gradientColorCycle{0%{filter:hue-rotate(0deg)}33%{filter:hue-rotate(20deg)}66%{filter:hue-rotate(40deg)}to{filter:hue-rotate(60deg)}}@keyframes shadowColorCycle{0%{box-shadow:0 5px 15px #ffffff26}33%{box-shadow:0 5px 15px #a05c2f26}66%{box-shadow:0 5px 15px #e38b4f26}to{box-shadow:0 5px 15px #cd853f26}}@keyframes logoColorPulse{0%{filter:drop-shadow(0 0 15px rgba(160,92,47,.7)) brightness(1) hue-rotate(0deg)}33%{filter:drop-shadow(0 0 20px rgba(227,139,79,.7)) brightness(1.05) hue-rotate(10deg)}66%{filter:drop-shadow(0 0 25px rgba(205,133,63,.7)) brightness(1.1) hue-rotate(30deg)}to{filter:drop-shadow(0 0 20px rgba(255,64,129,.7)) brightness(1.05) hue-rotate(45deg)}}@keyframes logoScale{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}@keyframes cardShine{0%{transform:rotate(30deg) translate(-300px,-200px)}to{transform:rotate(30deg) translate(500px,200px)}}@keyframes shineColorCycle{0%{background:linear-gradient(to bottom right,#fff0,#fff0,#a05c2f1a,#fff0)}33%{background:linear-gradient(to bottom right,#fff0,#fff0,#e38b4f1a,#fff0)}66%{background:linear-gradient(to bottom right,#fff0,#fff0,#cd853f1a,#fff0)}to{background:linear-gradient(to bottom right,#fff0,#fff0,#ff40811a,#fff0)}}body.color-cycling-enabled:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;background-image:radial-gradient(circle at 10% 10%,rgba(160,92,47,.03) 2px,transparent 15px),radial-gradient(circle at 15% 15%,rgba(227,139,79,.02) 3px,transparent 15px),radial-gradient(circle at 20% 20%,rgba(205,133,63,.03) 2px,transparent 10px);background-size:120px 120px,170px 170px,200px 200px;background-position:0 0;animation:backgroundPatternShift 60s infinite linear;z-index:-1;opacity:.4}@keyframes backgroundPatternShift{0%{background-position:0% 0%,0% 0%,0% 0%}to{background-position:200% 200%,150% 150%,100% 100%}}@media (max-width: 768px){:root{--global-cycle-duration: 25s;--text-cycle-intensity: 8%;--background-cycle-intensity: 6%;--accent-cycle-intensity: 12%}}.color-cycle-toggle-wrapper{display:flex;align-items:center;margin:0 10px}.color-cycle-toggle-button{display:flex;align-items:center;justify-content:center;gap:8px;background-color:var(--card-bg-color);color:var(--text-color);border:2px solid var(--border-color);border-radius:20px;padding:6px 12px;cursor:pointer;transition:all .4s ease;font-size:14px;font-weight:500;position:relative;overflow:hidden;box-shadow:0 2px 5px #0000001a}.color-cycle-toggle-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,var(--pastel-warm-brown, #c8a288),var(--pastel-warm-orange, #e8b999),var(--pastel-warm-pink, #e8b0b0),var(--pastel-warm-purple, #c9b0d8),var(--pastel-warm-brown, #c8a288));opacity:0;transition:opacity .3s ease;z-index:-1;background-size:400% 100%;animation:buttonGradientCycle 15s infinite linear}.color-cycle-toggle-button.active:before{opacity:1}.color-cycle-toggle-button.active{color:#fff;border-color:transparent;text-shadow:0 1px 1px rgba(0,0,0,.2)}.color-cycle-toggle-button:hover{transform:translateY(-2px);box-shadow:0 4px 8px var(--shadow-color)}.color-cycle-toggle-button.active:hover{box-shadow:0 4px 12px rgba(var(--card-bg-color-rgb),.3)}.color-cycle-icon{font-size:16px;display:flex;align-items:center;justify-content:center}.color-cycle-label{text-transform:capitalize}@keyframes buttonGradientCycle{0%{background-position:0% 50%}25%{background-position:25% 50%}50%{background-position:50% 50%}75%{background-position:75% 50%}to{background-position:100% 50%}}@media (max-width: 768px){.color-cycle-label{display:none}.color-cycle-toggle-button{padding:8px;width:36px;height:36px;border-radius:50%}}.demo-section{padding:4rem 2rem;background:linear-gradient(135deg,#22336d08,#608bc408);position:relative;overflow:hidden;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-family:Bembo,serif}.demo-section:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 20%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,255,255,.1) 0%,transparent 50%);pointer-events:none;animation:gradientShift 15s ease-in-out infinite alternate}@keyframes gradientShift{0%{transform:scale(1)}to{transform:scale(1.2)}}.demo-container{max-width:1200px;margin:0 auto;text-align:center;position:relative;z-index:1}.demo-title{font-size:2.8rem;background:linear-gradient(135deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:1.5rem;position:relative;display:inline-block;font-weight:400;letter-spacing:-.02em;font-family:Bembo,serif}.demo-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));border-radius:4px;transition:width .3s ease}.demo-container:hover .demo-title:after{width:120px}.demo-description{font-size:1.2rem;color:var(--text-color);max-width:800px;margin:0 auto 3rem;line-height:1.8;font-weight:300;opacity:.9;font-family:Bembo,serif}.video-container{position:relative;width:100%;max-width:900px;margin:0 auto;border-radius:24px;overflow:hidden;background:#ffffff1a;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 20px 40px #22336d1a,0 1px 3px #0000000d;transition:all .4s cubic-bezier(.4,0,.2,1)}.video-container:hover{transform:translateY(-8px) scale(1.01);box-shadow:0 30px 60px #22336d26,0 1px 3px #0000000d}.video-container:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ffffff1a,#fff0);pointer-events:none;z-index:1}.demo-video{width:100%;height:auto;display:block;border-radius:24px;transition:transform .3s ease}.demo-video:hover{transform:scale(1.02)}@media (max-width: 768px){.demo-section{padding:3rem 1rem}.demo-title{font-size:2.2rem}.demo-description{font-size:1.1rem;padding:0 1rem}.video-container,.demo-video{border-radius:16px}}@media (max-width: 480px){.demo-title{font-size:1.8rem}.demo-description{font-size:1rem}.video-container,.demo-video{border-radius:12px}}:root{--primary-color: #c8a288;--secondary-color: #e8b999;--accent-color: #e0b48f;--background-color: #f8e7dd;--text-color: #5a3825;--card-bg-color: #ffffff;--card-bg-color-rgb: 255, 255, 255;--navbar-bg-color: rgba(255, 255, 255, .9);--shadow-color: rgba(0, 0, 0, .1);--hover-color: #e8b0b0;--border-color: rgba(200, 162, 136, .2);--gradient-primary: linear-gradient(135deg, #c8a288, #e0b48f);--gradient-accent: linear-gradient(135deg, #e8b999, #f0d6c6);--gradient-cool: linear-gradient(135deg, #e0b48f, #f0e0cf);--surface-light: #ffffff;--surface-medium: #f5f7fa;--surface-dark: #e1e5eb;--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--info-color: #2196f3;--elevation-1: 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);--elevation-2: 0 3px 6px rgba(0, 0, 0, .15), 0 2px 4px rgba(0, 0, 0, .12);--elevation-3: 0 10px 20px rgba(0, 0, 0, .15), 0 3px 6px rgba(0, 0, 0, .1);--elevation-4: 0 15px 25px rgba(0, 0, 0, .15), 0 5px 10px rgba(0, 0, 0, .05);--elevation-5: 0 20px 40px rgba(0, 0, 0, .2);--transition-speed: .3s;--transition-speed-fast: .15s;--transition-speed-slow: .5s;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-xxl: 5rem;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 12px;--border-radius-xl: 24px;--border-radius-circle: 50%}@media (prefers-color-scheme: dark){:root{--primary-color: #cd853f;--secondary-color: #e38b4f;--accent-color: #deb887;--background-color: #3d2b1f;--text-color: #f0e6dd;--card-bg-color: #5a3825;--card-bg-color-rgb: 90, 56, 37;--navbar-bg-color: rgba(61, 43, 31, .95);--shadow-color: rgba(0, 0, 0, .3);--hover-color: #ff80ab;--border-color: rgba(121, 134, 203, .2);--surface-light: #1e1e1e;--surface-medium: #2d2d2d;--surface-dark: #333333;--success-color: #66bb6a;--warning-color: #ffa726;--error-color: #ef5350;--info-color: #42a5f5}}.dark-theme{--primary-color: #cd853f;--secondary-color: #e38b4f;--accent-color: #deb887;--background-color: #3d2b1f;--text-color: #f0e6dd;--card-bg-color: #5a3825;--card-bg-color-rgb: 90, 56, 37;--navbar-bg-color: rgba(61, 43, 31, .95);--shadow-color: rgba(0, 0, 0, .3);--hover-color: #ff80ab;--border-color: rgba(121, 134, 203, .2);--surface-light: #1e1e1e;--surface-medium: #2d2d2d;--surface-dark: #333333;--success-color: #66bb6a;--warning-color: #ffa726;--error-color: #ef5350;--info-color: #42a5f5}.light-theme{--primary-color: #a05c2f;--secondary-color: #e38b4f;--accent-color: #cd853f;--background-color: #f8e7dd;--text-color: #5a3825;--card-bg-color: #ffffff;--card-bg-color-rgb: 255, 255, 255;--navbar-bg-color: rgba(255, 255, 255, .9);--shadow-color: rgba(0, 0, 0, .1);--hover-color: #ff4081;--border-color: rgba(63, 81, 181, .2);--gradient-primary: linear-gradient(135deg, #3f51b5, #7986cb);--gradient-accent: linear-gradient(135deg, #ff4081, #f48fb1);--gradient-cool: linear-gradient(135deg, #00bcd4, #4dd0e1);--surface-light: #ffffff;--surface-medium: #f5f7fa;--surface-dark: #e1e5eb;--success-color: #4caf50;--warning-color: #ff9800;--error-color: #f44336;--info-color: #2196f3}.bg-primary{background-color:var(--primary-color)}.bg-secondary{background-color:var(--secondary-color)}.bg-accent{background-color:var(--accent-color)}.bg-background{background-color:var(--background-color)}.bg-card{background-color:var(--card-bg-color)}.bg-gradient-primary{background:var(--gradient-primary)}.bg-gradient-accent{background:var(--gradient-accent)}.bg-gradient-cool{background:var(--gradient-cool)}.text-primary{color:var(--primary-color)}.text-secondary{color:var(--secondary-color)}.text-accent{color:var(--accent-color)}.text-light{color:var(--text-color)}.theme-transition{transition:background-color var(--transition-speed) ease,color var(--transition-speed) ease,border-color var(--transition-speed) ease,box-shadow var(--transition-speed) ease}.ripple{position:relative;overflow:hidden;transform:translateZ(0)}.ripple:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,#fff 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple:active:after{transform:scale(0);opacity:.3;transition:0s}.ripple-effect:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(255,255,255,.3) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple-dark:after{background-image:radial-gradient(circle,rgba(0,0,0,.2) 10%,transparent 10.01%)}.elevation-transition{transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.elevation-0{box-shadow:none}.elevation-1{box-shadow:var(--elevation-1)}.elevation-2{box-shadow:var(--elevation-2)}.elevation-3{box-shadow:var(--elevation-3)}.elevation-4{box-shadow:var(--elevation-4)}.elevation-5{box-shadow:var(--elevation-5)}.md-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-md);overflow:hidden;box-shadow:var(--elevation-1);transition:all .3s cubic-bezier(.4,0,.2,1)}.md-card:hover{box-shadow:var(--elevation-3)}.md-button{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1.25rem;border-radius:var(--border-radius-md);font-weight:500;text-transform:uppercase;letter-spacing:.5px;background-color:var(--primary-color);color:#fff;border:none;outline:none;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-1);position:relative;overflow:hidden}.md-button:hover{box-shadow:var(--elevation-2);background-color:var(--secondary-color)}.md-button:active{box-shadow:var(--elevation-1);transform:translateY(1px)}.md-button-outlined{background-color:transparent;border:2px solid var(--primary-color);color:var(--primary-color);box-shadow:none}.md-button-outlined:hover{background-color:rgba(var(--card-bg-color-rgb),.05);border-color:var(--secondary-color);color:var(--secondary-color);box-shadow:none}.md-button-text{background-color:transparent;color:var(--primary-color);box-shadow:none;padding:.5rem .75rem}.md-button-text:hover{background-color:rgba(var(--card-bg-color-rgb),.05);box-shadow:none}.md-fab{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--secondary-color);color:#fff;box-shadow:var(--elevation-3);transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.md-fab:hover{background-color:var(--primary-color);box-shadow:var(--elevation-4);transform:translateY(-2px)}.md-fab-mini{width:40px;height:40px}.md-chip{display:inline-flex;align-items:center;padding:.5rem .75rem;background-color:var(--surface-medium);border-radius:16px;font-size:.875rem;font-weight:500;color:var(--text-color);margin:.25rem;transition:all .3s ease}.md-chip:hover{background-color:var(--surface-dark)}.md-chip-icon{margin-right:.5rem}.md-paper{background-color:var(--card-bg-color);border-radius:var(--border-radius-md);box-shadow:var(--elevation-1);padding:1rem;transition:all .3s ease}.md-paper:hover{box-shadow:var(--elevation-2)}.md-input-container{position:relative;margin-bottom:1.5rem}.md-input{width:100%;padding:.75rem;border:none;border-bottom:1px solid var(--border-color);background-color:transparent;outline:none;font-size:1rem;transition:all .3s ease}.md-input:focus{border-bottom:2px solid var(--primary-color)}.md-input-label{position:absolute;top:.75rem;left:.75rem;font-size:1rem;color:var(--text-color);opacity:.7;transition:all .3s ease;pointer-events:none}.md-input:focus+.md-input-label,.md-input:not(:placeholder-shown)+.md-input-label{top:-.5rem;font-size:.75rem;color:var(--primary-color)}.md-progress-circular{animation:rotate 2s linear infinite;width:24px;height:24px}.md-progress-circular-path{stroke:var(--primary-color);stroke-linecap:round;animation:dash 1.5s ease-in-out infinite}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes dash{0%{stroke-dasharray:1,150;stroke-dashoffset:0}50%{stroke-dasharray:90,150;stroke-dashoffset:-35}to{stroke-dasharray:90,150;stroke-dashoffset:-124}}.md-gradient-bg{background:linear-gradient(-45deg,var(--primary-color),var(--accent-color),var(--secondary-color),var(--primary-color));background-size:400% 400%;animation:gradient 15s ease infinite}@keyframes gradient{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.md-divider{height:1px;width:100%;background-color:var(--border-color);margin:1.5rem 0}.md-hover-card{position:relative;overflow:hidden;border-radius:var(--border-radius-lg);box-shadow:var(--elevation-1);transition:all .3s cubic-bezier(.25,.8,.25,1)}.md-hover-card:hover{box-shadow:var(--elevation-3);transform:translateY(-5px)}.md-hover-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 0%,rgba(var(--card-bg-color-rgb),.05) 100%);pointer-events:none;opacity:0;transition:opacity .3s ease}.md-hover-card:hover:before{opacity:1}.interactive-card{position:relative;background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);margin-bottom:2rem;box-shadow:var(--elevation-2);transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;cursor:pointer}.interactive-card:hover{box-shadow:var(--elevation-3);transform:translateY(-5px)}.interactive-card.expanded{cursor:default;box-shadow:var(--elevation-4)}.card-header{display:flex;align-items:center;padding:1.5rem;position:relative;z-index:2;min-height:80px;background:linear-gradient(135deg,rgba(var(--card-bg-color-rgb),.9),rgba(var(--card-bg-color-rgb),.85));border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.card-image-container{width:60px;height:60px;border-radius:50%;overflow:hidden;margin-right:1.5rem;flex-shrink:0;box-shadow:var(--elevation-1);background-color:var(--surface-medium);display:flex;align-items:center;justify-content:center}.card-image{width:100%;height:100%;object-fit:cover}.card-icon{width:60px;height:60px;display:flex;align-items:center;justify-content:center;font-size:2rem;margin-right:1.5rem;flex-shrink:0;color:var(--primary-color);background-color:rgba(var(--card-bg-color-rgb),.8);border-radius:50%;box-shadow:var(--elevation-1)}.card-title{margin:0;font-size:1.8rem;font-weight:500;color:var(--primary-color);flex-grow:1;text-align:left}.card-toggle-btn{background:transparent;border:none;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease;position:relative;outline:none}.card-toggle-btn:hover{background-color:rgba(var(--card-bg-color-rgb),.2)}.toggle-icon{position:relative;width:16px;height:2px;background-color:transparent}.toggle-icon:before,.toggle-icon:after{content:"";position:absolute;width:16px;height:2px;background-color:var(--text-color);left:0;transition:transform .3s ease}.toggle-icon:before{transform:rotate(90deg)}.card-toggle-btn.expanded .toggle-icon:before{transform:rotate(0)}.card-content{height:0;overflow:hidden;transition:height .35s cubic-bezier(.4,0,.2,1)}.card-content-inner{padding:0 1.5rem 1.5rem}.card-primary:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-primary);opacity:.8}.card-secondary:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-accent);opacity:.8}.card-accent:before{content:"";position:absolute;top:0;left:0;width:100%;height:5px;background:var(--gradient-cool);opacity:.8}.interactive-card.expanded .card-header{border-bottom:1px solid var(--border-color)}.ripple-effect{position:relative;overflow:hidden;transform:translateZ(0)}.ripple-effect:after{content:"";display:block;position:absolute;width:100%;height:100%;top:0;left:0;pointer-events:none;background-image:radial-gradient(circle,rgba(var(--card-bg-color-rgb),.5) 10%,transparent 10.01%);background-repeat:no-repeat;background-position:50%;transform:scale(10);opacity:0;transition:transform .5s,opacity 1s}.ripple-effect:active:after{transform:scale(0);opacity:.3;transition:0s}@keyframes cardAppear{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.interactive-card{animation:cardAppear .5s forwards}.interactive-card:nth-child(1){animation-delay:.1s}.interactive-card:nth-child(2){animation-delay:.2s}.interactive-card:nth-child(3){animation-delay:.3s}.interactive-card:nth-child(4){animation-delay:.4s}@media (max-width: 768px){.card-title{font-size:1.5rem}.card-image-container,.card-icon{width:50px;height:50px;margin-right:1rem}.card-header{padding:1rem}.card-content-inner{padding:0 1rem 1rem}}@media (max-width: 480px){.card-title{font-size:1.2rem}.card-image-container,.card-icon{width:40px;height:40px;margin-right:.8rem}.card-toggle-btn{width:28px;height:28px}}:root{--primary-gradient: linear-gradient(135deg, #22336d, #608bc4);--secondary-gradient: linear-gradient(135deg, #608bc4, #87b7dc);--accent-gradient: linear-gradient(90deg, #87b7dc, #dde8f0);--card-shadow: 0 10px 20px rgba(34, 51, 109, .15);--card-hover-shadow: 0 15px 30px rgba(34, 51, 109, .25);--card-border-radius: 16px;--card-inner-radius: 12px}.feature-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:25px;margin:40px 0}.feature-card{position:relative;background:#fff;border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--primary-gradient);padding:3px;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;border-radius:var(--card-border-radius);z-index:0;opacity:.7}.feature-card:hover{transform:translateY(-12px) scale(1.02);box-shadow:var(--card-hover-shadow)}.feature-card:hover:before{opacity:1}.feature-card-header{background:var(--primary-gradient);padding:15px 20px;color:#fff;font-weight:600;border-radius:var(--card-inner-radius) var(--card-inner-radius) 0 0}.feature-card-content{padding:20px;position:relative;z-index:1}.team-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;margin:30px 0}.team-card{position:relative;background:#fff;border-radius:var(--card-border-radius);box-shadow:var(--card-shadow);transition:all .4s cubic-bezier(.175,.885,.32,1.275);overflow:hidden}.team-card-gradient{position:absolute;top:0;left:0;right:0;height:120px;background:var(--secondary-gradient);z-index:0}.team-card-content{position:relative;z-index:1;padding:90px 20px 20px;text-align:center}.team-card-avatar{width:140px;height:140px;border-radius:50%;border:5px solid white;box-shadow:0 5px 15px #22336d33;margin:-70px auto 15px;position:relative;overflow:hidden;background:#fff}.team-card:hover{transform:translateY(-10px);box-shadow:var(--card-hover-shadow)}.team-card-name{color:#22336d;font-size:1.4rem;font-weight:700;margin-bottom:5px}.team-card-role{display:inline-block;background:var(--accent-gradient);padding:6px 12px;border-radius:20px;color:#22336d;font-weight:600;font-size:.9rem;margin-bottom:15px}.team-card-bio{color:#4a5568;max-height:150px;overflow:hidden;position:relative;transition:max-height .5s ease}.team-card-bio:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,#fff0,#fff);pointer-events:none}.team-card.expanded .team-card-bio{max-height:1000px}.team-card.expanded .team-card-bio:after{opacity:0}.team-card-cta{display:inline-block;margin-top:15px;padding:10px 15px;background:var(--primary-gradient);color:#fff;border-radius:20px;text-decoration:none;font-weight:600;transition:all .3s ease}.team-card-cta:hover{transform:translateY(-3px);box-shadow:0 5px 10px #22336d33}.team-card-toggle{display:inline-block;margin-top:15px;cursor:pointer;color:#608bc4;font-weight:600;border:none;background:none;font-size:1rem;padding:5px 10px;border-radius:5px;transition:all .2s ease}.team-card-toggle:hover{background:#608bc41a;color:#22336d}.contact-card-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:25px;margin:30px 0}.contact-card{position:relative;background:#fff;border-radius:var(--card-border-radius);overflow:hidden;box-shadow:var(--card-shadow);transition:transform .4s ease,box-shadow .4s ease;text-align:center;padding:25px 20px}.contact-card-icon{display:flex;align-items:center;justify-content:center;width:70px;height:70px;margin:0 auto 15px;background:#87b7dc26;border-radius:50%;transition:all .3s ease}.contact-card-icon svg{width:32px;height:32px;color:#608bc4;transition:transform .3s ease}.contact-card-title{color:#22336d;font-size:1.3rem;font-weight:700;margin-bottom:15px}.contact-card-content{color:#4a5568}.contact-card:hover{transform:translateY(-8px);box-shadow:var(--card-hover-shadow)}.contact-card:hover .contact-card-icon{background:var(--primary-gradient)}.contact-card:hover .contact-card-icon svg{color:#fff;transform:scale(1.2)}.hero-container{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;overflow:hidden;margin-bottom:40px}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#22336d,#608bc4,#87b7dc);opacity:.1;z-index:-1;transition:background .5s ease}.hero-content{display:flex;align-items:center;justify-content:center;gap:30px;max-width:1200px;margin:0 auto}.hero-logo{position:relative;width:600px;height:600px;border-radius:50%;background:#fff;box-shadow:0 10px 25px #22336d40;padding:10px;transition:all .5s ease;z-index:2;animation:logoColorPulse 8s infinite alternate}.hero-logo:after{content:"";position:absolute;top:-15px;right:-15px;bottom:-15px;left:-15px;border-radius:50%;background:conic-gradient(var(--primary-color),var(--secondary-color),var(--accent-color),var(--success-color),var(--warning-color),var(--error-color),var(--info-color),var(--hover-color),var(--primary-color));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:1;animation:spin 8s linear infinite,colorCycle 10s infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes colorCycle{0%{filter:hue-rotate(0deg) saturate(1.2)}20%{filter:hue-rotate(72deg) saturate(1.4)}40%{filter:hue-rotate(144deg) saturate(1.6)}60%{filter:hue-rotate(216deg) saturate(1.8)}80%{filter:hue-rotate(288deg) saturate(1.6)}to{filter:hue-rotate(360deg) saturate(1.2)}}@keyframes logoColorPulse{0%{box-shadow:0 10px 30px #a05c2f99}20%{box-shadow:0 10px 35px #e38b4fb3}40%{box-shadow:0 10px 40px #cd853fcc}60%{box-shadow:0 15px 40px #ff4081cc}80%{box-shadow:0 15px 45px #2196f3cc}to{box-shadow:0 15px 45px #4caf50cc}}.hero-logo:hover{transform:scale(1.05)}.hero-logo img{width:100%;height:100%;object-fit:contain;animation:logoImagePulse 6s infinite}@keyframes logoImagePulse{0%{filter:drop-shadow(0 0 8px rgba(160,92,47,.7)) brightness(1)}20%{filter:drop-shadow(0 0 12px rgba(227,139,79,.8)) brightness(1.05)}40%{filter:drop-shadow(0 0 15px rgba(205,133,63,.9)) brightness(1.1)}60%{filter:drop-shadow(0 0 15px rgba(255,64,129,.9)) brightness(1.15)}80%{filter:drop-shadow(0 0 12px rgba(33,150,243,.8)) brightness(1.1)}to{filter:drop-shadow(0 0 8px rgba(76,175,80,.7)) brightness(1)}}.hero-text{flex:1;text-align:left}.hero-title{color:#22336d;font-size:3.5rem;margin-bottom:15px;background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:titleColorCycle 15s infinite alternate}@keyframes titleColorCycle{0%{background:linear-gradient(90deg,var(--primary-color),var(--secondary-color));-webkit-background-clip:text;background-clip:text}33%{background:linear-gradient(90deg,var(--secondary-color),var(--accent-color));-webkit-background-clip:text;background-clip:text}66%{background:linear-gradient(90deg,var(--accent-color),var(--hover-color));-webkit-background-clip:text;background-clip:text}to{background:linear-gradient(90deg,var(--hover-color),var(--primary-color));-webkit-background-clip:text;background-clip:text}}.hero-subtitle{color:#608bc4;font-size:1.5rem;font-weight:600;margin-bottom:10px}@media (max-width: 768px){.hero-content{flex-direction:column;text-align:center}.hero-text{text-align:center}.hero-title{font-size:2.5rem}.feature-card-container,.team-card-container,.contact-card-container{grid-template-columns:1fr}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin:2rem 0}.gradient-card{position:relative;background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2.5rem 2rem 2rem;transition:all .4s ease;z-index:1;overflow:hidden;box-shadow:0 10px 20px #0000001a}.gradient-card:before{content:"";position:absolute;top:0;left:0;right:0;height:6px;background:linear-gradient(90deg,#22336d,#608bc4,#87b7dc);z-index:2}.gradient-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;margin:-2px;border-radius:inherit;background:linear-gradient(120deg,#22336d,#608bc4,#87b7dc,#dde8f0);opacity:0;transition:opacity .4s ease}.gradient-card:hover{transform:translateY(-8px)}.gradient-card:hover:after{opacity:1}.floating-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 8px 16px #0000001a;transition:all .5s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.floating-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#608bc433,#22336d1a);opacity:0;transition:opacity .5s ease}.floating-card:hover{transform:translateY(-12px) rotate(1deg);box-shadow:0 20px 30px #00000026}.floating-card:hover:before{opacity:1}.stacked-cards-container{position:relative;perspective:1000px;margin:2rem 0}.stacked-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 5px 15px #0000001a;transition:transform .5s cubic-bezier(.34,1.56,.64,1);position:relative;transform-style:preserve-3d}.stacked-card:nth-child(1){transform:translateY(20px) scale(.95);z-index:1;filter:brightness(.9)}.stacked-card:nth-child(2){transform:translateY(10px) scale(.97);z-index:2;filter:brightness(.95)}.stacked-card:nth-child(3){z-index:3}.stacked-cards-container:hover .stacked-card:nth-child(1){transform:translateY(40px) scale(.9) rotate(-2deg)}.stacked-cards-container:hover .stacked-card:nth-child(2){transform:translateY(20px) scale(.95) rotate(-1deg)}.stacked-cards-container:hover .stacked-card:nth-child(3){transform:translateY(-5px) rotate(1deg)}.color-accent-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;position:relative;border-left:5px solid #87b7dc;overflow:hidden}.color-accent-card.primary{border-left-color:#22336d}.color-accent-card.secondary{border-left-color:#608bc4}.color-accent-card.accent{border-left-color:#87b7dc}.color-accent-card.light{border-left-color:#dde8f0}.color-accent-card:hover{transform:translateY(-5px);box-shadow:0 12px 20px #00000026}.color-accent-card:before{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:#87b7dc1a;transition:width .3s ease;z-index:-1}.color-accent-card:hover:before{width:100%}.shiny-card{position:relative;background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;overflow:hidden}.shiny-card:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(to bottom right,#fff0,#fff0,#ffffff4d,#fff0);transform:rotate(30deg);transition:transform .7s ease;pointer-events:none}.shiny-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #00000026}.shiny-card:hover:before{transform:rotate(30deg) translate(350px,150px)}.feature-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2.5rem 2rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 50px 50px 0;border-color:transparent #608bc4 transparent transparent;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #00000026}.feature-card:hover:before{transform:scale(1.2)}.team-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;text-align:center}.team-card-avatar{position:relative;width:150px;height:150px;margin:0 auto 1.5rem;border-radius:50%;overflow:hidden;border:4px solid #608bc4;transition:all .3s ease}.team-card-avatar img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.team-card:hover .team-card-avatar{border-color:#22336d;transform:scale(1.05)}.team-card:hover .team-card-avatar img{transform:scale(1.1)}.team-card-content{position:relative;z-index:1}.team-card-title{color:var(--primary-color);margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.team-card-role{display:inline-block;background:linear-gradient(90deg,#608bc4,#87b7dc);padding:.4rem 1rem;border-radius:20px;color:#fff;font-weight:600;margin-bottom:1.5rem;font-size:.9rem}.team-card-bio{color:var(--text-color);margin-bottom:1.5rem;max-height:150px;overflow:hidden;position:relative;transition:max-height .5s ease}.team-card-bio:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:50px;background:linear-gradient(to bottom,transparent,var(--card-bg-color));pointer-events:none}.team-card:hover{transform:translateY(-8px);box-shadow:0 15px 30px #00000026}.team-card:hover .team-card-bio{max-height:1000px}.team-card:hover .team-card-bio:after{opacity:0}.team-card-social{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.team-card-social a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background-color:#dde8f0;border-radius:50%;color:#22336d;transition:all .3s ease}.team-card-social a:hover{background-color:#22336d;color:#fff;transform:translateY(-3px)}.contact-card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);padding:2rem;box-shadow:0 5px 15px #0000001a;transition:all .3s ease;position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center}.contact-card-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;background-color:#608bc426;border-radius:50%;margin-bottom:1.5rem;transition:all .3s ease}.contact-card-icon svg{font-size:2rem;color:#608bc4;transition:all .3s ease}.contact-card-title{color:var(--primary-color);margin-bottom:1rem;font-size:1.3rem;font-weight:700}.contact-card-content{text-align:center}.contact-card:hover{transform:translateY(-5px);box-shadow:0 15px 25px #00000026}.contact-card:hover .contact-card-icon{background-color:#608bc4}.contact-card:hover .contact-card-icon svg{color:#fff;transform:scale(1.1)}@media (max-width: 768px){.card-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.team-card-avatar{width:120px;height:120px}}@media (max-width: 480px){.card-grid{grid-template-columns:1fr;gap:1.5rem}}.interactive-accueil{max-width:1280px;margin:0 auto;text-align:center;min-height:100vh;display:flex;flex-direction:column}body{background:#f8e7dd;position:relative}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(rgba(205,133,63,.05) 2px,transparent 2px),radial-gradient(rgba(205,133,63,.05) 2px,transparent 2px);background-size:30px 30px;background-position:0 0,15px 15px;pointer-events:none;z-index:-1}.hero-section{padding:4rem 1rem 2rem;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;margin-bottom:2rem}.main-title{font-size:4rem;font-weight:300;margin:0 0 2rem;background:linear-gradient(to right,peru,#d2691e,#8b4513);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 2px 5px rgba(0,0,0,.1);animation:titleGlow 8s infinite alternate}@keyframes titleGlow{0%{filter:drop-shadow(0 0 5px rgba(205,133,63,.5))}50%{filter:drop-shadow(0 0 5px rgba(210,105,30,.5))}to{filter:drop-shadow(0 0 5px rgba(139,69,19,.5))}}.subtitle{font-size:1.5rem;font-weight:400;color:#8b4513;margin-bottom:3rem;max-width:700px;text-shadow:0 1px 2px rgba(0,0,0,.1)}.logo{height:40em;padding:1.5em;will-change:filter;transition:filter .3s,transform .3s;margin-bottom:1rem;animation:interactiveLogoPulse 7s infinite;background-color:transparent!important;mix-blend-mode:multiply}.prismatic-shadow{filter:drop-shadow(0 0 20px rgba(255,255,255,.7));background-color:transparent!important}.logo:hover{filter:drop-shadow(0 0 2.5em rgba(255,64,129,.9));transform:scale(1.05)}@keyframes interactiveLogoPulse{0%{filter:drop-shadow(0 0 20px rgba(160,92,47,.7));transform:scale(1)}20%{filter:drop-shadow(0 0 25px rgba(227,139,79,.8));transform:scale(1.02)}40%{filter:drop-shadow(0 0 30px rgba(205,133,63,.9));transform:scale(1.04)}60%{filter:drop-shadow(0 0 30px rgba(255,64,129,.9));transform:scale(1.05)}80%{filter:drop-shadow(0 0 25px rgba(33,150,243,.8));transform:scale(1.03)}to{filter:drop-shadow(0 0 20px rgba(76,175,80,.7));transform:scale(1)}}.card-container{padding:0 2rem;flex:1;z-index:2;max-width:1000px;margin:0 auto;width:100%}.section-content{text-align:left}.section-content h3{color:var(--secondary-color);font-size:1.8rem;margin:1.5rem 0 1rem}.section-content h4{color:var(--accent-color);font-size:1.4rem;margin:1.2rem 0 .8rem}.section-content p{margin-bottom:1.2rem;line-height:1.6;color:var(--text-color)}.highlight{position:relative;background:linear-gradient(to right,rgba(var(--card-bg-color-rgb),.8),rgba(var(--card-bg-color-rgb),.9));border-radius:var(--border-radius-md);padding:1.2rem 1.5rem;margin:1.5rem 0;box-shadow:var(--elevation-1)}.highlight:before{content:"";position:absolute;left:0;top:0;width:100%;height:4px;background:var(--gradient-primary)}.team-members{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.team-member{flex:1;min-width:280px;background-color:rgba(var(--card-bg-color-rgb),.5);padding:2rem;border-radius:var(--border-radius-md);box-shadow:var(--elevation-2);transition:all .3s ease;text-align:center}.team-member:hover{transform:translateY(-5px);box-shadow:var(--elevation-3)}.member-image{width:150px;height:150px;border-radius:50%;object-fit:cover;margin:1rem auto;border:4px solid var(--secondary-color);box-shadow:var(--elevation-2)}.member-role{color:var(--secondary-color);font-weight:600;margin:.8rem 0 1.2rem;display:inline-block;padding:.5rem 1rem;background-color:rgba(var(--card-bg-color-rgb),.5);border-radius:var(--border-radius-md)}.member-bio{margin-bottom:1.5rem;text-align:justify}.social-link{display:inline-block;padding:.6rem 1.2rem;background:var(--gradient-primary);color:#fff;text-decoration:none;border-radius:var(--border-radius-md);font-weight:500;transition:all .3s ease;box-shadow:var(--elevation-1)}.social-link:hover{transform:translateY(-2px);box-shadow:var(--elevation-2);background:var(--gradient-accent)}.contact-details{display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.contact-item{flex:1;min-width:250px;background-color:rgba(var(--card-bg-color-rgb),.5);padding:2rem;border-radius:var(--border-radius-md);box-shadow:var(--elevation-1);transition:all .3s ease}.contact-item:hover{transform:translateY(-5px);box-shadow:var(--elevation-2)}.contact-item h3{margin-top:0;color:var(--primary-color);font-size:1.5rem;margin-bottom:1.2rem}.contact-item p{margin:.5rem 0;font-size:1.1rem;text-align:center}.email-container{margin:.8rem 0;text-align:center;word-break:break-word}.email-link{display:inline-block;color:var(--primary-color);font-weight:500;font-size:1.1rem;text-decoration:none;position:relative;padding:.5rem 1rem;border-radius:var(--border-radius-md);background-color:rgba(var(--primary-color-rgb),.1);transition:all .3s ease}.email-link:hover{background-color:rgba(var(--primary-color-rgb),.2);transform:translateY(-2px);box-shadow:var(--elevation-1)}.email-link:after{content:"";position:absolute;bottom:0;left:10%;width:80%;height:1px;background-color:var(--primary-color);transform:scaleX(0);transition:transform .3s ease}.email-link:hover:after{transform:scaleX(1)}.key-points{margin:1.5rem 0;padding-left:0;list-style-type:none}.key-points li{margin-bottom:1.2rem;position:relative;padding-left:2rem;transition:transform .2s ease}.key-points li:before{content:"•";color:var(--secondary-color);position:absolute;left:0;top:0;font-size:1.8rem;line-height:1}.key-points li:hover{transform:translate(5px)}.key-points li strong{color:var(--primary-color)}.site-footer{margin-top:3rem;padding:1.5rem;background-color:rgba(var(--card-bg-color-rgb),.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}.footer-content{display:flex;justify-content:space-between;align-items:center;max-width:1000px;margin:0 auto}.footer-toggles{margin-left:auto;display:flex;gap:1rem;align-items:center;justify-content:flex-end}.theme-toggle-footer{margin-left:auto}@media (max-width: 992px){.main-title{font-size:3rem}.subtitle{font-size:1.3rem}.team-members,.contact-details{flex-direction:column}}@media (max-width: 768px){.main-title{font-size:2.5rem}.subtitle{font-size:1.2rem}.logo{height:6em;padding:1em}.team-member,.contact-item{padding:1.5rem}.card-container{padding:0 1rem}.footer-content{flex-direction:column;gap:1rem}.theme-toggle-footer{margin-left:0}}@media (max-width: 480px){.main-title{font-size:2rem;margin-bottom:0}.subtitle{font-size:1rem}.logo{height:40vh!important;width:80vw!important;max-width:none!important;min-width:0!important;display:block!important;margin:0 auto .2em!important;padding:.8em!important;object-fit:contain!important;border:2px solid red!important;background:#ff00000d!important}.section-content h3{font-size:1.5rem}.section-content h4{font-size:1.2rem}.member-image{width:120px;height:120px}.email-link{font-size:.95rem;padding:.4rem .8rem;word-break:break-all}.email-container{margin:.6rem 0}.navbar-toggle,.navbar-menu,.navbar-burger,.navbar-mobile,.navbar__toggle,.navbar__burger{display:none!important}}@media (max-width: 480px) and (orientation: portrait){body .logo,.logo,img.logo,[alt*=logo]{height:40vh!important;width:80vw!important;max-width:none!important;min-width:0!important;display:block!important;margin:0 auto .2em!important;padding:.8em!important;object-fit:contain!important;border:2px solid red!important;background:#ff00000d!important}}[builder-element] *{animation:none!important}.builder-editor,.builder-editor *{animation:none!important;transition:none!important}.logo,img[alt="Prisme d'Ariane logo"],[builder-element] img.logo{background-color:transparent!important;mix-blend-mode:multiply!important;filter:drop-shadow(0 0 15px rgba(160,92,47,.6))!important}[builder-element] h1,[builder-element] h2,[builder-element] h3,[builder-element] h4,[builder-element] h5,[builder-element] h6,[builder-element] p,[builder-element] span,[builder-element] div{color:inherit}[builder-element]{box-sizing:border-box}[builder-element] .card,[builder-element] .presentation,[builder-element] .membre,[builder-element] .contact-item{background-color:var(--card-bg-color, #ffffff)!important}[builder-element]:before,[builder-element]:after{content:none!important}body.color-cycling-enabled [builder-element],body.color-cycling-enabled [builder-element] *{animation:none!important}:root{--primary-color-fallback: #a05c2f;--secondary-color-fallback: #e38b4f;--accent-color-fallback: #cd853f;--background-color-fallback: #f8e7dd;--text-color-fallback: #5a3825;--card-bg-color-fallback: #ffffff;--hover-color-fallback: #ff4081}.logo,img[alt="Prisme d'Ariane logo"]{background-color:transparent!important;mix-blend-mode:multiply;-webkit-background-clip:padding-box;background-clip:padding-box;box-shadow:none!important;border:none!important}[builder-element],[builder-element] img,img[builder-element]{background-color:transparent!important}body .logo,body img[alt="Prisme d'Ariane logo"]{animation-name:logoFix!important;animation-duration:7s!important;animation-iteration-count:infinite!important;animation-timing-function:ease-in-out!important;animation-direction:alternate!important}@keyframes logoFix{0%{filter:drop-shadow(0 0 20px rgba(160,92,47,.7));transform:scale(1)}20%{filter:drop-shadow(0 0 25px rgba(227,139,79,.8));transform:scale(1.02)}40%{filter:drop-shadow(0 0 30px rgba(205,133,63,.9));transform:scale(1.04)}60%{filter:drop-shadow(0 0 30px rgba(255,64,129,.9));transform:scale(1.05)}80%{filter:drop-shadow(0 0 25px rgba(33,150,243,.8));transform:scale(1.03)}to{filter:drop-shadow(0 0 20px rgba(76,175,80,.7));transform:scale(1)}}body:not(.builder-editor){transition:background-color 2s ease-in-out}.builder-editor body,body.builder-editor{animation:none!important}body:not(.builder-editor):not(.color-cycling-enabled){animation:safeBackgroundPulse 30s infinite alternate}@keyframes safeBackgroundPulse{0%{background-color:var(--background-color, #f8e7dd)}33%{background-color:color-mix(in hsl,var(--background-color, #f8e7dd),rgba(160,92,47,1) 7%)}66%{background-color:color-mix(in hsl,var(--background-color, #f8e7dd),rgba(227,139,79,1) 5%)}to{background-color:color-mix(in hsl,var(--background-color, #f8e7dd),rgba(205,133,63,1) 6%)}}:root{--global-cycle-duration: 25s;--text-cycle-duration: 20s;--heading-cycle-duration: 18s;--background-cycle-duration: 35s;--global-cycle-delay-short: .5s;--global-cycle-delay-medium: 1s;--global-cycle-delay-long: 1.5s;--text-cycle-intensity: 60%;--heading-cycle-intensity: 70%;--background-cycle-intensity: 8%;--accent-cycle-intensity: 50%;--shadow-cycle-intensity: 40%;--cycle-curve: cubic-bezier(.4, 0, .2, 1);--text-cycle-curve: cubic-bezier(.4, 0, .6, 1);--background-cycle-curve: cubic-bezier(.25, .1, .25, 1);--pastel-peach: #f8e7dd;--pastel-rose: #f7d6d6;--pastel-lavender: #e4d7f5;--pastel-mint: #d5eee2;--pastel-sky: #d6e9f5;--pastel-lemon: #f5f0d7;--pastel-salmon: #f5d6c6;--pastel-warm-brown: #c8a288;--pastel-warm-orange: #e8b999;--pastel-warm-pink: #e8b0b0;--pastel-warm-purple: #c9b0d8;--pastel-warm-green: #b0d8b9;--pastel-warm-blue: #b0c9d8}body.color-cycling-enabled{animation:pastelBackgroundShift var(--background-cycle-duration) infinite alternate var(--background-cycle-curve)}body.color-cycling-enabled h1,body.color-cycling-enabled h2,body.color-cycling-enabled h3,body.color-cycling-enabled h4,body.color-cycling-enabled h5,body.color-cycling-enabled h6,body.color-cycling-enabled .main-title,body.color-cycling-enabled .subtitle{animation:pastelHeadingColorCycle var(--heading-cycle-duration) infinite alternate var(--text-cycle-curve);position:relative}body.color-cycling-enabled h1,body.color-cycling-enabled h2{text-shadow:0 0 1px rgba(200,162,136,.1)}body.color-cycling-enabled p,body.color-cycling-enabled li,body.color-cycling-enabled span:not(.color-cycle-icon),body.color-cycling-enabled a:not(.navbar-link):not(.social-link),body.color-cycling-enabled div,body.color-cycling-enabled label,body.color-cycling-enabled blockquote,body.color-cycling-enabled cite,body.color-cycling-enabled figcaption{animation:pastelTextColorCycle var(--text-cycle-duration) infinite alternate var(--text-cycle-curve);animation-delay:var(--global-cycle-delay-short)}body.color-cycling-enabled .hero-subtitle,body.color-cycling-enabled .subtitle,body.color-cycling-enabled strong,body.color-cycling-enabled b,body.color-cycling-enabled .fonction,body.color-cycling-enabled .team-card-name,body.color-cycling-enabled .member-role,body.color-cycling-enabled .contact-card-title,body.color-cycling-enabled .navbar-link,body.color-cycling-enabled .navbar-logo a,body.color-cycling-enabled .member-image+h3,body.color-cycling-enabled .highlight strong{animation:pastelAccentTextColorCycle var(--heading-cycle-duration) infinite alternate var(--text-cycle-curve)}body.color-cycling-enabled .card,body.color-cycling-enabled .presentation,body.color-cycling-enabled .objectifs,body.color-cycling-enabled .equipe,body.color-cycling-enabled .contact,body.color-cycling-enabled .feature-card,body.color-cycling-enabled .team-card,body.color-cycling-enabled .contact-card,body.color-cycling-enabled .hero-background,body.color-cycling-enabled .membre,body.color-cycling-enabled nav{animation:pastelBackgroundColorCycle calc(var(--global-cycle-duration) * 1.3) infinite alternate var(--cycle-curve);animation-delay:var(--global-cycle-delay-medium);position:relative;overflow:hidden}body.color-cycling-enabled .membre img,body.color-cycling-enabled .team-card-avatar,body.color-cycling-enabled .hero-logo,body.color-cycling-enabled .team-card-role,body.color-cycling-enabled .membre h4 a,body.color-cycling-enabled button,body.color-cycling-enabled a.social-link,body.color-cycling-enabled .fonction{animation:pastelBorderColorCycle calc(var(--global-cycle-duration) * .8) infinite alternate var(--cycle-curve);animation-delay:var(--global-cycle-delay-medium)}body.color-cycling-enabled .logo,body.color-cycling-enabled .hero-logo img{animation:pastelLogoColorPulse calc(var(--global-cycle-duration) * .7) infinite alternate var(--cycle-curve),logoScale 15s infinite alternate ease-in-out}@keyframes pastelBackgroundShift{0%{background-color:var(--pastel-peach)}20%{background-color:color-mix(in hsl,var(--pastel-peach),var(--pastel-rose) calc(var(--background-cycle-intensity) * 2))}40%{background-color:color-mix(in hsl,var(--pastel-peach),var(--pastel-lemon) var(--background-cycle-intensity))}60%{background-color:color-mix(in hsl,var(--pastel-peach),var(--pastel-mint) calc(var(--background-cycle-intensity) * .8))}80%{background-color:color-mix(in hsl,var(--pastel-peach),var(--pastel-sky) calc(var(--background-cycle-intensity) * .7))}to{background-color:color-mix(in hsl,var(--pastel-peach),var(--pastel-salmon) var(--background-cycle-intensity))}}@keyframes pastelTextColorCycle{0%{color:var(--text-color, #5a3825)}16.6%{color:color-mix(in hsl,var(--text-color, #5a3825),var(--pastel-warm-brown) calc(var(--text-cycle-intensity) * .7))}33.3%{color:color-mix(in hsl,var(--text-color, #5a3825),var(--pastel-warm-orange) var(--text-cycle-intensity))}50%{color:color-mix(in hsl,var(--text-color, #5a3825),var(--pastel-warm-pink) calc(var(--text-cycle-intensity) * .5))}66.6%{color:color-mix(in hsl,var(--text-color, #5a3825),var(--pastel-warm-purple) calc(var(--text-cycle-intensity) * .4))}83.3%{color:color-mix(in hsl,var(--text-color, #5a3825),var(--pastel-warm-blue) calc(var(--text-cycle-intensity) * .3))}to{color:var(--text-color, #5a3825)}}@keyframes pastelHeadingColorCycle{0%{color:var(--primary-color, #a05c2f);text-shadow:0 0 2px rgba(160,92,47,.15)}16.6%{color:var(--pastel-warm-brown);text-shadow:0 0 2px rgba(200,162,136,.15)}33.3%{color:var(--pastel-warm-orange);text-shadow:0 0 2px rgba(232,185,153,.15)}50%{color:var(--pastel-warm-pink);text-shadow:0 0 2px rgba(232,176,176,.15)}66.6%{color:var(--pastel-warm-purple);text-shadow:0 0 2px rgba(201,176,216,.15)}83.3%{color:var(--pastel-warm-green);text-shadow:0 0 2px rgba(176,216,185,.15)}to{color:var(--pastel-warm-brown);text-shadow:0 0 2px rgba(200,162,136,.15)}}@keyframes pastelAccentTextColorCycle{0%{color:var(--secondary-color, #e38b4f);text-shadow:0 0 1px rgba(227,139,79,.1)}16.6%{color:var(--pastel-warm-orange);text-shadow:0 0 1px rgba(232,185,153,.1)}33.3%{color:var(--pastel-warm-pink);text-shadow:0 0 1px rgba(232,176,176,.1)}50%{color:var(--pastel-warm-purple);text-shadow:0 0 1px rgba(201,176,216,.1)}66.6%{color:var(--pastel-warm-blue);text-shadow:0 0 1px rgba(176,201,216,.1)}83.3%{color:var(--pastel-warm-green);text-shadow:0 0 1px rgba(176,216,185,.1)}to{color:var(--pastel-warm-orange);text-shadow:0 0 1px rgba(232,185,153,.1)}}@keyframes pastelBackgroundColorCycle{0%{background-color:var(--card-bg-color, #ffffff)}20%{background-color:color-mix(in hsl,var(--card-bg-color, #ffffff),var(--pastel-rose) calc(var(--background-cycle-intensity) * 1.5))}40%{background-color:color-mix(in hsl,var(--card-bg-color, #ffffff),var(--pastel-lavender) calc(var(--background-cycle-intensity) * 1.5))}60%{background-color:color-mix(in hsl,var(--card-bg-color, #ffffff),var(--pastel-mint) calc(var(--background-cycle-intensity) * 1.5))}80%{background-color:color-mix(in hsl,var(--card-bg-color, #ffffff),var(--pastel-sky) calc(var(--background-cycle-intensity) * 1.5))}to{background-color:color-mix(in hsl,var(--card-bg-color, #ffffff),var(--pastel-lemon) calc(var(--background-cycle-intensity) * 1.5))}}@keyframes pastelBorderColorCycle{0%{border-color:var(--pastel-warm-brown)}20%{border-color:var(--pastel-warm-orange)}40%{border-color:var(--pastel-warm-pink)}60%{border-color:var(--pastel-warm-purple)}80%{border-color:var(--pastel-warm-blue)}to{border-color:var(--pastel-warm-green)}}@keyframes pastelLogoColorPulse{0%{filter:drop-shadow(0 0 15px rgba(200,162,136,.5)) brightness(1) hue-rotate(0deg)}20%{filter:drop-shadow(0 0 15px rgba(232,185,153,.5)) brightness(1.03) hue-rotate(5deg)}40%{filter:drop-shadow(0 0 15px rgba(232,176,176,.5)) brightness(1.05) hue-rotate(10deg)}60%{filter:drop-shadow(0 0 15px rgba(201,176,216,.5)) brightness(1.05) hue-rotate(15deg)}80%{filter:drop-shadow(0 0 15px rgba(176,201,216,.5)) brightness(1.03) hue-rotate(10deg)}to{filter:drop-shadow(0 0 15px rgba(176,216,185,.5)) brightness(1.01) hue-rotate(5deg)}}@media (max-width: 768px){:root{--global-cycle-duration: 25s;--text-cycle-intensity: 40%;--background-cycle-intensity: 4%;--accent-cycle-intensity: 10%}}@media (prefers-reduced-motion){body.color-cycling-enabled,body.color-cycling-enabled *{animation:none!important;transition:none!important}}:root{font-family:Roboto,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;background-color:var(--background-color);color:var(--text-color);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primary-color: #2c3e50;--secondary-color: #e67e22;--accent-color: #3498db;--text-color: #2c3e50;--background-color: #f8f9fa;--card-bg-color: #ffffff;--card-bg-color-rgb: 255, 255, 255;--border-radius-sm: 4px;--border-radius-md: 8px;--border-radius-lg: 16px;--elevation-1: 0 2px 4px rgba(0, 0, 0, .1);--elevation-2: 0 4px 8px rgba(0, 0, 0, .1);--elevation-3: 0 8px 16px rgba(0, 0, 0, .1);--elevation-4: 0 16px 32px rgba(0, 0, 0, .1);--gradient-primary: linear-gradient(135deg, #2c3e50, #3498db);--gradient-accent: linear-gradient(135deg, #e67e22, #f1c40f);--gradient-cool: linear-gradient(135deg, #3498db, #2ecc71)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s ease,color .3s ease;font-family:Bembo,serif}a{font-weight:500;color:var(--secondary-color);text-decoration:inherit;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}a:hover{color:var(--hover-color)}a:after{content:"";position:absolute;width:100%;transform:scaleX(0);height:2px;bottom:-2px;left:0;background-color:var(--hover-color);transform-origin:bottom right;transition:transform .3s cubic-bezier(.4,0,.2,1)}a:hover:after{transform:scaleX(1);transform-origin:bottom left}body{margin:0;min-width:320px;min-height:100vh;font-size:16px;overflow-x:hidden;background-image:linear-gradient(to bottom,rgba(var(--card-bg-color-rgb),.1) 1px,transparent 1px),linear-gradient(to right,rgba(var(--card-bg-color-rgb),.1) 1px,transparent 1px);background-size:50px 50px;font-family:Bembo,serif}h1{font-size:3.5rem;font-weight:300;line-height:1.1;color:var(--primary-color);margin-bottom:1rem;letter-spacing:-.01562em}h2{font-size:2.5rem;font-weight:300;line-height:1.2;color:var(--secondary-color);margin-bottom:.8rem;letter-spacing:-.00833em}h3{font-size:2rem;font-weight:400;line-height:1.2;color:var(--secondary-color);margin-bottom:.8rem;letter-spacing:0em}h4{font-size:1.5rem;font-weight:400;line-height:1.3;color:var(--accent-color);margin-bottom:.5rem;letter-spacing:.00735em}p{font-size:1.1rem;font-weight:400;text-align:justify;padding:.75rem;line-height:1.6;color:var(--text-color);margin-bottom:1rem;letter-spacing:.00938em}ul,ol{padding-left:2rem}li{margin-bottom:.5rem}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1rem}.card{background-color:var(--card-bg-color);border-radius:var(--border-radius-lg);box-shadow:0 4px 6px var(--shadow-color);padding:1.5rem;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card:hover{transform:translateY(-5px);box-shadow:0 8px 15px var(--shadow-color)}.button{display:inline-block;background-color:var(--secondary-color);color:#fff;padding:.6rem 1.2rem;border-radius:var(--border-radius-md);border:none;font-weight:500;text-transform:uppercase;letter-spacing:.0892857143em;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--elevation-1);position:relative;overflow:hidden}.button:hover{background-color:var(--primary-color);transform:translateY(-2px);box-shadow:var(--elevation-2)}.button:active{transform:translateY(0);box-shadow:var(--elevation-1)}.button-outlined{background-color:transparent;border:2px solid var(--secondary-color);color:var(--secondary-color);box-shadow:none}.button-outlined:hover{background-color:rgba(var(--card-bg-color-rgb),.05);border-color:var(--primary-color);color:var(--primary-color)}.button-text{background-color:transparent;color:var(--secondary-color);box-shadow:none;padding:.6rem .8rem}.button-text:hover{background-color:rgba(var(--card-bg-color-rgb),.05);color:var(--primary-color)}@media (max-width: 768px){h1{font-size:2.5em}h2,h3{font-size:1.8em}p{font-size:1rem;padding:.8rem}}@media (max-width: 480px){h1{font-size:2em}h2,h3{font-size:1.5em}p{font-size:.95rem;padding:.6rem}}