:root{--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--spacing-2xl:48px;--max-width-content:800px;--max-width-wide:1200px;--navbar-height:60px;--border-radius-sm:4px;--border-radius-md:8px;--border-radius-lg:16p;--border-radius-default:var(--border-radius-lg);--transition-fast:.2s ease;--transition-normal:.3s ease;--transition-slow:.5s ease;--color-primary:#80b4c0;--color-secondary:#116e8e;--color-accent:#a4f7f7;--color-tertiary:#edcd4a;--color-primary-light:#5bc7e0;--color-primary-lighter:#a8e4f0;--color-primary-dark:#0a7a94;--color-white:#fff;--color-gray-100:#fdfdfd;--color-gray:#aaa;--color-gray-light:#c4c4c4;--color-gray-lighter:#dedede;--color-gray-lightest:#f5f5f5;--color-gray-dark:#858585;--color-gray-darker:#5e5e5e;--color-gray-darkest:#2e2e2e;--color-black:#333;--color-text:var(--color-black);--color-text-muted:#666;--color-text-light:var(--color-gray-light);--color-background:var(--color-gray-100);--color-link:var(--color-primary);--color-link-hover:var(--color-secondary)}body{background:var(--color-background);color:var(--color-text);margin:0;padding:var(--spacing-lg)}*,:after,:before{box-sizing:border-box}:root{--font-heading:"titular",sans-serif;--font-body:"le-monde-livre-std",serif;--font-size-base:16px;--font-size-sm:12px;--font-size-md:14px;--font-size-lg:18px;--font-size-xl:24px;--font-size-2xl:36px;--font-size-3xl:48px;--font-size-4xl:64px;--font-size-5xl:76px;--font-size-h1:3.5rem;--font-size-h2:2rem;--font-size-h3:1.5rem;--font-size-h4:1.25rem;--font-size-h5:1.125rem;--font-size-h6:1rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-base:1.5;--line-height-heading:1.2;--line-height-tight:1.1}body{font-family:var(--font-body);font-optical-sizing:auto;font-size:var(--font-size-base);font-style:normal;font-weight:300;line-height:var(--line-height-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-family:titular,sans-serif;font-style:italic;font-weight:900;line-height:.9;margin:0}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2);letter-spacing:.5px}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}h5{font-size:var(--font-size-h5)}h6{font-size:var(--font-size-h6)}a{color:var(--color-link);text-decoration:none;transition:color var(--transition-normal)}a:hover{color:var(--color-link-hover)}.text-muted{color:var(--color-text-muted)}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0);border:0;white-space:nowrap}.navbar{background:linear-gradient(to bottom,var(--color-white) 50%,var(--color-gray-lightest) 100%);border-bottom:1px solid var(--color-gray-lighter);left:0;padding:var(--spacing-sm) var(--spacing-xl);position:fixed;right:0;top:0;transition:opacity var(--transition-slow);width:100%;z-index:100}.navbar.hidden{opacity:.4}.navbar .container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:var(--max-width-wide)}.navbar .navbar-brand{padding:var(--spacing-sm) 0}.navbar .site-logo{height:44px;margin-left:-10px}.navbar .navbar-nav{display:flex;gap:var(--spacing-lg);list-style:none;margin:0;padding:0}.navbar .navbar-nav li a{color:var(--color-primary);font-family:var(--font-heading);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);letter-spacing:1.5px;position:relative;text-decoration:none;text-transform:uppercase}.navbar .navbar-nav li a:after{border-bottom:4px solid var(--color-primary-light);content:"";display:block;transform:scaleX(0);transition:transform var(--transition-normal)}.navbar .navbar-nav li a:hover{color:var(--color-primary-light)}.navbar .navbar-nav li a:hover:after{transform:scaleX(1)}.navbar .navbar-toggle{background:none;border:none;cursor:pointer;display:none;padding:var(--spacing-sm)}.navbar .navbar-toggle .icon-bar{background:var(--color-primary);display:block;height:2px;margin:4px 0;transition:transform var(--transition-normal);width:22px}@media(max-width:768px){.navbar .navbar-toggle{display:block}.navbar .navbar-collapse{background:var(--color-white);border-bottom:1px solid var(--color-gray-lighter);display:none;left:0;position:absolute;right:0;top:100%}.navbar .navbar-collapse.in{display:block}.navbar .navbar-nav{flex-direction:column;padding:var(--spacing-md);text-align:center}}.site-footer{background:linear-gradient(to bottom,var(--color-gray-lightest) 10%,var(--color-white) 100%);border:2px solid red;border-radius:var(--spacing-lg);border-top:1px solid var(--color-gray-lighter);color:var(--color-gray-dark);display:flex;flex-direction:column;font-size:var(--font-size-sm);gap:var(--spacing-md);padding:var(--spacing-xl) var(--spacing-md);text-align:center}.site-footer ul{list-style-type:none}.site-footer p{margin:0}.site-footer .site-logo-footer{height:34px;margin:-12px 0 -7px -3px;width:186px}.btn{background:var(--color-primary);border-radius:var(--border-radius-md);cursor:pointer;display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:background-color var(--transition-normal)}.btn,.btn:hover{color:var(--color-white)}.btn:hover{background:var(--color-secondary)}.btn-outline{background:transparent;border:2px solid var(--color-primary);border-radius:var(--border-radius-md);color:var(--color-primary);cursor:pointer;display:inline-block;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);padding:var(--spacing-md) var(--spacing-xl);text-decoration:none;transition:background-color var(--transition-normal)}.btn-outline:hover{background:var(--color-primary);color:var(--color-white)}