@import "https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";:root{--primary:#00897b;--primary-hover:#00796b;--secondary:#4db6ac;--bg-color:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--white:#fff;--border-color:#e2e8f0;--font-family:"Be Vietnam Pro", sans-serif;--font-display:"Be Vietnam Pro", sans-serif;--header-height:80px}*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}body{font-family:var(--font-family);background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{cursor:pointer;border:none;font-family:inherit}.container{max-width:1200px;margin:0 auto;padding:0 20px}.primary-btn{background-color:var(--primary);color:var(--white);border-radius:8px;justify-content:center;align-items:center;padding:12px 24px;font-weight:600;transition:all .3s;display:inline-flex}.primary-btn:hover{background-color:var(--primary-hover);transform:translateY(-1px);box-shadow:0 4px 12px #00b14f33}.secondary-btn{color:var(--primary);border:2px solid var(--primary);background-color:#0000;border-radius:8px;padding:10px 22px;font-weight:600;transition:all .3s}.secondary-btn:hover{background-color:#00b14f0d}.danger-btn{color:#fff;background-color:#ff3b30;border-radius:6px;padding:8px 16px;font-weight:500}.glass{-webkit-backdrop-filter:blur(12px);background:#ffffffd9;border-bottom:1px solid #ffffff4d}.card{background:var(--white);border-radius:16px;padding:24px;transition:transform .3s,box-shadow .3s;box-shadow:0 4px 24px #0000000a}.card:hover{transform:translateY(-4px);box-shadow:0 12px 32px #00000014}.input-group{margin-bottom:16px}.input-label{color:var(--text-main);margin-bottom:8px;font-weight:500;display:block}.input-field{border:1px solid var(--border-color);border-radius:8px;width:100%;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s,box-shadow .2s}.input-field:focus{border-color:var(--primary);outline:none;box-shadow:0 0 0 3px #00b14f1a}.text-gradient-primary{background:linear-gradient(135deg, var(--primary) 0%, #0ea5e9 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-gradient-gold{background:linear-gradient(135deg,#f59e0b 0%,#fbbf24 50%,#fcd34d 100%);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}.text-glow{text-shadow:0 4px 20px #fbbf2466}.flex{display:flex}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:8px}.gap-4{gap:16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-up{animation:.6s cubic-bezier(.16,1,.3,1) forwards fadeInUp}@keyframes slowZoom{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.animate-zoom{animation:20s ease-in-out infinite slowZoom}@keyframes floatElement{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.animate-float{animation:4s ease-in-out infinite floatElement}@keyframes pulseRing{0%{transform:scale(.95);box-shadow:0 0 #00897bb3}70%{transform:scale(1);box-shadow:0 0 0 15px #00897b00}to{transform:scale(.95);box-shadow:0 0 #00897b00}}.animate-pulse-ring{animation:2s infinite pulseRing}@keyframes shine{0%{transform:translate(-100%)skew(-15deg)}to{transform:translate(200%)skew(-15deg)}}.btn-shine-effect{position:relative;overflow:hidden}.btn-shine-effect:after{content:"";background:linear-gradient(90deg,#fff0 0%,#fff6 50%,#fff0 100%);width:50%;height:100%;animation:3s infinite shine;position:absolute;top:0;left:0}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-color)}::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#a8a8a8}
