@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--surface:#fff9ef;--surface-dim:#dfd9d1;--surface-bright:#fff9ef;--surface-container-lowest:#fff;--surface-container-low:#f9f3ea;--surface-container:#f3ede4;--surface-container-high:#ede7de;--surface-container-highest:#e7e2d9;--on-surface:#1d1b16;--on-surface-variant:#3d4949;--inverse-surface:#32302a;--inverse-on-surface:#f6f0e7;--outline:#6d797a;--outline-variant:#bdc9c9;--surface-tint:#00696e;--primary:#038a90;--primary-hover:#026f74;--on-primary:#fff;--primary-container:#e6f6f7;--on-primary-container:#003639;--secondary:#fc2b2c;--secondary-hover:#d91c1d;--on-secondary:#fff;--secondary-container:#ffeaea;--on-secondary-container:#640506;--tertiary:#1d428a;--on-tertiary:#fff;--tertiary-container:#e8eef8;--on-tertiary-container:#081d45;--success:#62b24c;--success-container:#eef7ec;--on-success:#1b4510;--error:#ba1a1a;--on-error:#fff;--error-container:#ffdad6;--on-error-container:#93000a;--background:#fff9ef;--on-background:#1d1b16;--font-family:"Plus Jakarta Sans", sans-serif;--rounded-sm:.25rem;--rounded-md:.5rem;--rounded-lg:.75rem;--rounded-xl:1rem;--rounded-2xl:1.5rem;--rounded-full:9999px;--shadow-sm:0 2px 8px #038a900a;--shadow-md:0 8px 24px #038a900f;--shadow-lg:0 16px 40px #038a9014;--shadow-xl:0 24px 60px #038a901f;--transition-fast:.15s ease;--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--transition-slow:.5s cubic-bezier(.4, 0, .2, 1)}*{box-sizing:border-box;font-family:var(--font-family);margin:0;padding:0}html,body{background-color:var(--background);width:100%;min-height:100vh;color:var(--on-background);scroll-behavior:smooth;-webkit-font-smoothing:antialiased}body{overflow-x:hidden}a{color:inherit;text-decoration:none}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--surface-container)}::-webkit-scrollbar-thumb{background:var(--outline-variant);border-radius:var(--rounded-full)}::-webkit-scrollbar-thumb:hover{background:var(--primary)}.container{width:100%;max-width:1200px;margin-left:auto;margin-right:auto;padding-left:24px;padding-right:24px}@media (max-width:768px){.container{padding-left:16px;padding-right:16px}}.glass{-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-md);background:#ffffffd9;border:1px solid #ffffff80}.glass-dark{-webkit-backdrop-filter:blur(12px);background:#1d1b16cc;border:1px solid #ffffff1a;box-shadow:0 8px 32px #0003}@keyframes pulseGlow{0%,to{box-shadow:0 0 15px #038a9033}50%{box-shadow:0 0 25px #038a9066}}@keyframes breathGlow{0%,to{filter:drop-shadow(0 4px 10px #038a900d);transform:scale(1)}50%{filter:drop-shadow(0 8px 16px #038a901f);transform:scale(1.03)}}.animate-float{animation:5s ease-in-out infinite breathGlow}.hover-card{transition:transform var(--transition-normal), box-shadow var(--transition-normal)}.hover-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-5px)}.btn{border-radius:var(--rounded-md);cursor:pointer;transition:all var(--transition-fast);border:none;outline:none;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-size:15px;font-weight:600;display:inline-flex}.btn-primary{background-color:var(--primary);color:var(--on-primary);box-shadow:0 4px 14px #038a9033}.btn-primary:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 6px 20px #038a904d}.btn-primary:active{transform:translateY(1px)}.btn-secondary{color:var(--primary);border:2px solid var(--primary);background-color:#0000}.btn-secondary:hover{background-color:var(--primary-container);color:var(--primary-hover)}.btn-orange{background-color:var(--secondary);color:var(--on-secondary);box-shadow:0 4px 14px #fc2b2c33}.btn-orange:hover{background-color:var(--secondary-hover);box-shadow:0 6px 20px #fc2b2c4d}.btn-tertiary{color:var(--tertiary);background-color:#0000;font-weight:500}.btn-tertiary:hover{background-color:var(--tertiary-container);color:var(--tertiary)}.badge{border-radius:var(--rounded-full);align-items:center;gap:4px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.badge-teal{background-color:var(--primary-container);color:var(--primary)}.badge-orange{background-color:var(--secondary-container);color:var(--secondary)}.badge-blue{background-color:var(--tertiary-container);color:var(--tertiary)}.badge-green{background-color:var(--success-container);color:var(--success)}.ambient-glow-1{border-radius:var(--rounded-full);z-index:0;pointer-events:none;background:radial-gradient(circle,#038a901a 0%,#038a9000 70%);width:300px;height:300px;animation:15s ease-in-out infinite floatAmbient;position:absolute;top:10%;left:5%}.ambient-glow-2{border-radius:var(--rounded-full);z-index:0;pointer-events:none;background:radial-gradient(circle,#fc2b2c0f 0%,#fc2b2c00 70%);width:400px;height:400px;animation:20s ease-in-out infinite alternate floatAmbient;position:absolute;bottom:15%;right:5%}@keyframes floatAmbient{0%,to{transform:scale(1)rotate(0)}50%{transform:scale(1.08)rotate(90deg)}}@keyframes elegantFadeIn{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.animate-reveal{opacity:0;animation:.8s cubic-bezier(.16,1,.3,1) forwards elegantFadeIn}.delay-1{animation-delay:.15s}.delay-2{animation-delay:.3s}.delay-3{animation-delay:.45s}.delay-4{animation-delay:.6s}.btn{position:relative;overflow:hidden}.btn:after{content:"";pointer-events:none;background:#ffffff26;border-radius:50%;width:120%;height:120%;transition:transform .5s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.btn:active:after{transition:transform;transform:translate(-50%,-50%)scale(1)}.badge{transition:transform var(--transition-fast), background-color var(--transition-fast)}.badge:hover{transform:scale(1.05)}