@import"https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=DM+Sans:opsz,wght@9..40,300;9..40,400;9..40,500;9..40,600&display=swap";:root{--teal-50: #f0fdfa;--teal-100: #ccfbf1;--teal-500: #14b8a6;--teal-600: #0d9488;--slate-800: #1e293b;--slate-900: #0f172a;--bg-base: #f4fafa;--bg-surface: #ffffff;--bg-subtle: #e8f8f5;--text-primary: var(--slate-800);--text-secondary: var(--slate-600);--text-muted: var(--slate-400);--border-default: rgba(20, 184, 166, .18);--border-accent: rgba(13, 148, 136, .35);--radius-md: 12px;--radius-lg: 18px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{font-family:DM Sans,sans-serif;background:var(--bg-base);color:var(--text-primary);line-height:1.6;overflow-x:hidden;touch-action:auto!important}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.nav-bar{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;background:#ffffffd1;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);position:sticky;top:0;z-index:1000;border-bottom:1px solid var(--border-default)}.nav-links{display:flex;gap:1.5rem}.nav-links a{text-decoration:none;color:var(--text-secondary);font-weight:500}.nav-links a.active{color:var(--teal-600)}.card{background:var(--bg-surface);border-radius:var(--radius-lg);border:1px solid var(--border-default);box-shadow:0 4px 6px -1px #0000000d}.btn--primary{background:var(--teal-600);color:#fff;padding:.8rem 1.5rem;border-radius:10px;font-weight:600;border:none;cursor:pointer}.modal-overlay-custom{position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;background:#0f172ae6!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;z-index:99999!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:1rem!important;pointer-events:auto!important}.modal-content-box{background:var(--bg-base)!important;box-shadow:0 25px 50px -12px #00000080!important;border:1px solid var(--border-accent)!important;max-width:600px;width:100%;position:relative;z-index:100000!important}.animate-fade-up{animation:modalPop .4s cubic-bezier(.16,1,.3,1) both}@keyframes modalPop{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}
