.dot{position:absolute;width:6px;height:6px;background:#045968;border-radius:50%;pointer-events:none;z-index:9999;box-shadow:0 0 10px #06a1b5,0 0 20px #04596866;animation:spark-animation .6s ease-out forwards}html,body{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth;background-color:#f9fafb;color:#333}@media (max-width: 768px){html,body{background-size:cover;background-position:center}section{padding:40px 15px}}input,textarea{color:#333;border:1px solid rgba(4,89,104,.2);border-radius:8px;padding:10px;transition:all .3s ease}input:focus{outline:none;border-color:#045968;box-shadow:0 0 0 2px #0459681a}body{-webkit-user-select:none;-ms-user-select:none;user-select:none}input,textarea{user-select:text!important;-webkit-user-select:text!important}:root{--bg-default: #f9fafb;--text-primary: #333333;--accent-teal: #045968;--sparkle-color: #045968;--sparkle-shadow: #06a1b5;--glass-bg: rgba(255, 255, 255, .7)}[data-theme=dark]{--bg-default: #0a1929;--text-primary: #ffffff;--accent-teal: #4db6ac;--sparkle-color: #4db6ac;--sparkle-shadow: #80cbc4;--glass-bg: rgba(17, 34, 51, .6)}html,body{margin:0;padding:0;overflow-x:hidden;scroll-behavior:smooth;font-family:Inter,sans-serif;background-color:var(--bg-default);color:var(--text-primary);transition:background-color .4s ease-in-out,color .4s ease-in-out;-webkit-user-select:none;-ms-user-select:none;user-select:none}#root{background-color:transparent}h1,h2,h3,.logo-text{font-family:Syne,sans-serif;font-weight:800;letter-spacing:-.5px;color:var(--accent-teal);transition:color .4s ease-in-out}.content-wrapper{max-width:1400px;margin:0 auto;width:100%;padding:0 24px}section{margin:0;padding:clamp(40px,6vh,60px) 0;width:100%;display:block;transition:background-color .4s ease-in-out}input,textarea{color:inherit;background-color:#ffffff0d;border:1px solid rgba(4,89,104,.2);border-radius:8px;padding:10px;transition:all .3s ease;user-select:text!important;-webkit-user-select:text!important}input:focus{outline:none;border-color:var(--accent-teal);box-shadow:0 0 0 2px #0459681a}.dot{position:absolute;width:6px;height:6px;background:var(--sparkle-color);border-radius:50%;pointer-events:none;z-index:10000;box-shadow:0 0 10px var(--sparkle-shadow),0 0 20px #04596866;animation:spark-animation .6s ease-out forwards;will-change:transform,opacity}@keyframes spark-animation{0%{transform:translate(0) scale(1);opacity:1}to{transform:translate(var(--dx),var(--dy)) scale(0);opacity:0}}.glass-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px;box-shadow:0 8px 32px #0000001a;transition:background .4s ease,border .4s ease}.active-link{color:var(--accent-teal)!important;font-weight:700}@media (max-width: 768px){section{padding:40px 15px}}.skeleton-box{display:inline-block;height:1em;position:relative;overflow:hidden;background-color:#e2e2e2;border-radius:4px}@media (prefers-color-scheme: dark){.skeleton-box{background-color:#333}}.skeleton-box{display:inline-block;position:relative;overflow:hidden;background-color:#f0f0f0;border-radius:8px}.skeleton-box:after{position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background-image:linear-gradient(90deg,#fff0 0,#ffffff4d,#fff0);animation:shimmer 1.5s infinite;content:""}@keyframes shimmer{to{transform:translate(100%)}}.loader-container{display:flex;justify-content:center;align-items:center;height:100vh;width:100vw;background-color:#f9fafb;z-index:9999;position:fixed;top:0;left:0}.loader-content{display:flex;flex-direction:column;align-items:center}.loader-grid{display:grid;grid-template-columns:repeat(2,20px);grid-template-rows:repeat(2,20px);gap:10px}.split-piece{width:20px;height:20px;background-color:#045968;border-radius:4px;animation:split-and-glow 2s ease-in-out infinite}.split-piece:nth-child(2){animation-delay:.2s;background-color:#057d91}.split-piece:nth-child(3){animation-delay:.4s;background-color:#06a1b5}.split-piece:nth-child(4){animation-delay:.6s;background-color:#045968}@keyframes split-and-glow{0%,to{transform:scale(1) translate(0);filter:drop-shadow(0 0 0px rgba(4,89,104,0))}50%{transform:scale(1.1);box-shadow:0 0 20px #04596866}}.loader-grid{animation:grid-expand 2s ease-in-out infinite}@keyframes grid-expand{0%,to{gap:8px}50%{gap:25px}}.loader-text{animation:text-fade 2s ease-in-out infinite}@keyframes text-fade{0%,to{opacity:.3;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}