:root{--sap-blue: #1B4F72;--sap-blue-light: #2E86C1;--sap-blue-lighter: #AED6F1;--sap-blue-dark: #154360;--sap-blue-50: rgba(27, 79, 114, .05);--sap-blue-100: rgba(27, 79, 114, .1);--sap-blue-200: rgba(27, 79, 114, .2);--sap-green: #27AE60;--sap-green-light: #2ECC71;--sap-green-lighter: #ABEBC6;--sap-green-dark: #1E8449;--sap-green-50: rgba(39, 174, 96, .05);--sap-green-100: rgba(39, 174, 96, .1);--accent-orange: #E67E22;--accent-orange-light: #F0B27A;--accent-red: #E74C3C;--accent-red-light: #F1948A;--accent-purple: #8E44AD;--accent-purple-light: #BB8FCE;--accent-gold: #F39C12;--accent-gold-light: #F9E79F;--neutral-50: #FAFBFC;--neutral-100: #F4F6F8;--neutral-200: #E8ECF0;--neutral-300: #D5DCE3;--neutral-400: #A0AEC0;--neutral-500: #718096;--neutral-600: #4A5568;--neutral-700: #2D3748;--neutral-800: #1A202C;--neutral-900: #0D1117;--white: #FFFFFF;--black: #000000;--success: #27AE60;--success-bg: #EAFAF1;--warning: #F39C12;--warning-bg: #FEF9E7;--error: #E74C3C;--error-bg: #FDEDEC;--info: #2E86C1;--info-bg: #EBF5FB;--font-heading: "Playfair Display", Georgia, "Times New Roman", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--leading-tight: 1.2;--leading-snug: 1.35;--leading-normal: 1.6;--leading-relaxed: 1.75;--font-light: 300;--font-regular: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--shadow-xs: 0 1px 2px rgba(27, 79, 114, .04);--shadow-sm: 0 1px 3px rgba(27, 79, 114, .08), 0 1px 2px rgba(27, 79, 114, .06);--shadow-md: 0 4px 6px -1px rgba(27, 79, 114, .08), 0 2px 4px rgba(27, 79, 114, .04);--shadow-lg: 0 10px 15px -3px rgba(27, 79, 114, .08), 0 4px 6px rgba(27, 79, 114, .04);--shadow-xl: 0 20px 25px -5px rgba(27, 79, 114, .1), 0 10px 10px rgba(27, 79, 114, .04);--shadow-2xl: 0 25px 50px -12px rgba(27, 79, 114, .2);--shadow-inner: inset 0 2px 4px rgba(27, 79, 114, .06);--shadow-glow-blue: 0 0 20px rgba(27, 79, 114, .15);--shadow-glow-green: 0 0 20px rgba(39, 174, 96, .15);--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .35s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--transition-bounce: .5s cubic-bezier(.68, -.55, .265, 1.55);--transition-smooth: .3s cubic-bezier(.4, 0, .2, 1);--ease-in-out-quad: cubic-bezier(.455, .03, .515, .955);--ease-out-expo: cubic-bezier(.19, 1, .22, 1);--ease-out-back: cubic-bezier(.34, 1.56, .64, 1);--duration-instant: .1s;--duration-quick: .2s;--duration-normal: .3s;--duration-slow: .5s;--duration-slower: .7s;--z-base: 1;--z-dropdown: 100;--z-sticky: 200;--z-navbar: 1000;--z-modal-backdrop: 1400;--z-modal: 1500;--z-toast: 2000;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px;--glass-bg: rgba(255, 255, 255, .85);--glass-bg-light: rgba(255, 255, 255, .6);--glass-bg-heavy: rgba(255, 255, 255, .95);--glass-border: rgba(255, 255, 255, .3);--glass-border-subtle: rgba(255, 255, 255, .15);--glass-blur: blur(12px);--glass-blur-sm: blur(8px);--glass-blur-lg: blur(20px);--glass-shadow: 0 8px 32px rgba(27, 79, 114, .08);--space-0-5: .125rem;--space-1-5: .375rem;--space-2-5: .625rem;--space-3-5: .875rem;--space-14: 3.5rem;--space-18: 4.5rem;--space-28: 7rem;--space-36: 9rem;--space-40: 10rem;--surface-primary: var(--white);--surface-secondary: var(--neutral-50);--surface-tertiary: var(--neutral-100);--surface-elevated: var(--white);--surface-overlay: rgba(0, 0, 0, .5);--text-primary: var(--neutral-800);--text-secondary: var(--neutral-600);--text-tertiary: var(--neutral-500);--text-muted: var(--neutral-400);--text-inverse: var(--white);--border-default: var(--neutral-200);--border-subtle: var(--neutral-100);--border-strong: var(--neutral-300)}[data-theme=dark]{--sap-blue: #2E86C1;--sap-blue-light: #5DADE2;--sap-blue-lighter: #1a3a5c;--sap-blue-dark: #AED6F1;--sap-blue-50: rgba(46, 134, 193, .08);--sap-blue-100: rgba(46, 134, 193, .15);--sap-blue-200: rgba(46, 134, 193, .25);--sap-green: #2ECC71;--sap-green-light: #58D68D;--sap-green-lighter: #1a3d2a;--sap-green-dark: #58D68D;--sap-green-50: rgba(46, 204, 113, .08);--sap-green-100: rgba(46, 204, 113, .15);--accent-orange: #F0B27A;--accent-orange-light: #E67E22;--accent-red: #F1948A;--accent-red-light: #E74C3C;--accent-purple: #BB8FCE;--accent-purple-light: #8E44AD;--accent-gold: #F9E79F;--accent-gold-light: #F39C12;--neutral-50: #1a1f2e;--neutral-100: #1F2937;--neutral-200: #374151;--neutral-300: #4B5563;--neutral-400: #9CA3AF;--neutral-500: #D1D5DB;--neutral-600: #E5E7EB;--neutral-700: #F3F4F6;--neutral-800: #F9FAFB;--neutral-900: #FFFFFF;--white: #111827;--black: #FFFFFF;--success: #2ECC71;--success-bg: rgba(46, 204, 113, .15);--warning: #F1C40F;--warning-bg: rgba(241, 196, 15, .15);--error: #E74C3C;--error-bg: rgba(231, 76, 60, .15);--info: #60A5FA;--info-bg: rgba(96, 165, 250, .15);--shadow-xs: 0 1px 2px rgba(0, 0, 0, .2);--shadow-sm: 0 1px 3px rgba(0, 0, 0, .3), 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .3), 0 2px 4px rgba(0, 0, 0, .2);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .3), 0 4px 6px rgba(0, 0, 0, .2);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .4), 0 10px 10px rgba(0, 0, 0, .2);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .5);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .2);--shadow-glow-blue: 0 0 20px rgba(46, 134, 193, .25);--shadow-glow-green: 0 0 20px rgba(46, 204, 113, .25);--glass-bg: rgba(17, 24, 39, .85);--glass-bg-light: rgba(17, 24, 39, .6);--glass-bg-heavy: rgba(17, 24, 39, .95);--glass-border: rgba(255, 255, 255, .1);--glass-border-subtle: rgba(255, 255, 255, .05);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--surface-primary: #111827;--surface-secondary: #1a1f2e;--surface-tertiary: #1F2937;--surface-elevated: #1F2937;--surface-overlay: rgba(0, 0, 0, .7);--text-primary: #F9FAFB;--text-secondary: #E5E7EB;--text-tertiary: #D1D5DB;--text-muted: #9CA3AF;--text-inverse: #111827;--border-default: #374151;--border-subtle: #1F2937;--border-strong: #4B5563;color-scheme:dark}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-body);font-weight:var(--font-regular);line-height:var(--leading-normal);color:var(--neutral-700);background-color:var(--white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--neutral-800)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-2xl)}h5{font-size:var(--text-xl)}h6{font-size:var(--text-lg)}p{margin-bottom:var(--space-4);color:var(--neutral-600)}a{color:var(--sap-blue);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--sap-blue-light)}img{max-width:100%;height:auto;display:block}ul,ol{list-style:none}button{cursor:pointer;border:none;background:none;font-family:inherit;font-size:inherit}input,textarea,select{font-family:inherit;font-size:inherit;outline:none}*:focus-visible{outline:3px solid var(--sap-blue-light);outline-offset:2px;border-radius:var(--radius-sm)}a:focus-visible,button:focus-visible{outline:3px solid var(--sap-blue-light);outline-offset:2px;border-radius:var(--radius-sm)}.btn:focus-visible{outline:3px solid var(--sap-blue-light);outline-offset:3px;box-shadow:0 0 0 6px var(--sap-blue-100)}.skip-to-content{position:absolute;top:-100%;left:var(--space-4);padding:var(--space-3) var(--space-6);background:var(--sap-blue);color:var(--white);border-radius:var(--radius-md);z-index:9999;font-weight:var(--font-semibold);transition:top var(--transition-fast)}.skip-to-content:focus{top:var(--space-4)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0}.section--alt{background-color:var(--neutral-50)}.section__header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.section__subtitle{font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.15em;color:var(--sap-green);margin-bottom:var(--space-3);display:block}.section__title{font-size:var(--text-4xl);color:var(--sap-blue-dark);margin-bottom:var(--space-4)}.section__desc{font-size:var(--text-lg);color:var(--neutral-500);line-height:var(--leading-relaxed)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-weight:var(--font-semibold);font-size:var(--text-base);border-radius:var(--radius-lg);transition:all var(--transition-base);white-space:nowrap;text-decoration:none;line-height:1.5}.btn--primary{background:linear-gradient(135deg,var(--sap-blue) 0%,var(--sap-blue-light) 100%);color:var(--white);box-shadow:var(--shadow-md),0 2px 8px #1b4f7240}.btn--primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 4px 16px #1b4f724d;color:var(--white)}.btn--primary:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm);transition-duration:80ms}.btn--secondary{background:var(--white);color:var(--sap-blue);border:2px solid var(--sap-blue)}.btn--secondary:hover{background:var(--sap-blue);color:var(--white);transform:translateY(-2px)}.btn--secondary:active{transform:translateY(0) scale(.98);transition-duration:80ms}.btn--green{background:linear-gradient(135deg,var(--sap-green) 0%,var(--sap-green-light) 100%);color:var(--white);box-shadow:var(--shadow-md),0 2px 8px #27ae6040}.btn--green:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 4px 16px #27ae604d;color:var(--white)}.btn--green:active{transform:translateY(0) scale(.98);box-shadow:var(--shadow-sm);transition-duration:80ms}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--text-lg);border-radius:var(--radius-xl)}.btn--sm{padding:var(--space-2) var(--space-4);font-size:var(--text-sm)}.btn--ghost{background:transparent;color:var(--sap-blue)}.btn--ghost:hover{background:var(--sap-blue-50)}.card{background:var(--white);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);padding:var(--space-8);transition:all var(--duration-normal) var(--ease-out-expo);position:relative}.card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity var(--duration-normal) ease;background:linear-gradient(135deg,var(--sap-blue-50) 0%,transparent 60%);pointer-events:none}.card:hover{box-shadow:var(--shadow-xl),0 8px 30px #1b4f7214;transform:translateY(-6px);border-color:var(--sap-blue-lighter)}.card:hover:before{opacity:1}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-weight:var(--font-medium);color:var(--neutral-700);margin-bottom:var(--space-2);font-size:var(--text-sm)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-lg);font-size:var(--text-base);color:var(--neutral-700);background:var(--white);transition:all var(--transition-fast)}.form-input:focus{border-color:var(--sap-blue);box-shadow:0 0 0 3px var(--sap-blue-100)}.form-input::placeholder{color:var(--neutral-400)}.form-textarea{resize:vertical;min-height:120px}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em}.badge--blue{background:var(--sap-blue-100);color:var(--sap-blue)}.badge--green{background:var(--sap-green-100);color:var(--sap-green-dark)}.badge--orange{background:#e67e221a;color:var(--accent-orange)}.spinner{width:40px;height:40px;border:3px solid var(--sap-blue-100);border-top-color:var(--sap-blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInRight{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}.animate-fadeInUp{animation:fadeInUp .6s ease forwards}.animate-fadeIn{animation:fadeIn .4s ease forwards}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-24px);transition:opacity .7s cubic-bezier(.4,0,.2,1),transform .7s cubic-bezier(.4,0,.2,1)}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.95);transition:opacity .6s ease,transform .6s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.stagger-children>*{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}.stagger-children.visible>*:nth-child(1){transition-delay:0ms;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(2){transition-delay:80ms;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(3){transition-delay:.16s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(4){transition-delay:.24s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(5){transition-delay:.32s;opacity:1;transform:translateY(0)}.stagger-children.visible>*:nth-child(6){transition-delay:.4s;opacity:1;transform:translateY(0)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg,var(--neutral-100) 25%,var(--neutral-50) 50%,var(--neutral-100) 75%);background-size:200% 100%;animation:shimmer 1.8s ease-in-out infinite;border-radius:var(--radius-md)}.skeleton-text{height:1em;margin-bottom:var(--space-2);border-radius:var(--radius-sm)}.skeleton-text:last-child{width:60%}.skeleton-circle{border-radius:50%}.skeleton-card{height:200px;border-radius:var(--radius-xl)}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{animation:pageEnter .4s cubic-bezier(.4,0,.2,1) forwards}@keyframes subtlePulse{0%,to{box-shadow:0 0 #27ae6066}50%{box-shadow:0 0 0 8px #27ae6000}}.pulse-cta{animation:subtlePulse 2.5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.float{animation:float 6s ease-in-out infinite}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal,.reveal-left,.reveal-scale{opacity:1;transform:none}}@media (max-width: 1023px){h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}.section{padding:var(--space-16) 0}.section__title{font-size:var(--text-3xl)}}@media (max-width: 639px){html{font-size:15px}h1{font-size:clamp(1.75rem,6vw,2.25rem)}h2{font-size:clamp(1.5rem,5vw,1.875rem)}h3{font-size:var(--text-xl)}.container{padding:0 var(--space-4)}.section{padding:var(--space-12) 0}.section__header{margin-bottom:var(--space-10)}.section__title{font-size:clamp(1.5rem,5vw,1.875rem)}.section__desc{font-size:var(--text-base)}.btn--lg{padding:var(--space-3) var(--space-6);font-size:var(--text-base)}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}::selection{background:var(--sap-blue-200);color:var(--sap-blue-dark)}