@tailwind base;@tailwind components;@tailwind utilities;:root{--brand-primary: #6C8EAD;--brand-secondary: #3E4B61;--brand-accent: #8E9AAF;--brand-light: #F2F4F7;--brand-surface: #FCFDFF;--gradient-primary: linear-gradient(135deg, #3E4B61 0%, #6C8EAD 100%);--gradient-soft: linear-gradient(135deg, #8E9AAF 0%, #BFCAD0 100%);--gradient-glass: linear-gradient(135deg, rgba(255, 255, 255, .4) 0%, rgba(255, 255, 255, .1) 100%)}@layer base{html{scroll-behavior:smooth}body{@apply antialiased;color:var(--brand-secondary);background-color:var(--brand-light);font-family:Inter,Noto Sans TC,sans-serif}}@layer components{.gradient-bg{background:var(--gradient-primary)}.gradient-text{@apply bg-clip-text text-transparent;background:var(--gradient-primary)}.nav-glass{@apply bg-white/70 backdrop-blur-lg border-b border-white/20;}.glass-card{@apply bg-white/60 backdrop-blur-xl border border-white/40 shadow-xl;}.btn-primary{@apply px-8 py-4 rounded-2xl font-black transition-all hover:scale-[1.02] active:scale-[.98] shadow-lg;background:var(--gradient-primary);color:#fff;box-shadow:0 10px 25px -5px #3e4b614d}.btn-vibrant{background:linear-gradient(135deg,#1e87c4,#22325c);padding:.75rem 2.5rem;border-radius:.75rem;font-size:1rem;font-weight:900;color:#fff;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;box-shadow:0 1px 2px #0000000d;border:1px solid rgba(255,255,255,.1)}.btn-vibrant:hover{transform:scale(1.05)}.nav-btn-vibrant{background:linear-gradient(135deg,#1e87c4,#22325c);padding:.5rem 1.5rem;border-radius:9999px;font-size:.75rem;font-weight:900;color:#fff;transition:all .3s ease;white-space:nowrap;box-shadow:0 4px 6px -1px #0000001a}.nav-btn-vibrant:hover{transform:scale(1.05)}.btn-secondary{@apply px-8 py-4 rounded-2xl font-black transition-all hover:bg-white/50 border-2;border-color:var(--brand-primary);color:var(--brand-primary)}.glory-bg{background:radial-gradient(circle at top right,#3e4b61,#1a212e);position:relative}.glory-bg-light{background:linear-gradient(135deg,#3d4e61,#8da9c4)}.gold-text{background:linear-gradient(to bottom,#d1d9e0,#8e9aaf,#3e4b61);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.float-animation{animation:float 6s ease-in-out infinite}@keyframes bounce-gentle{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.animate-bounce-gentle{animation:bounce-gentle 1.5s ease-in-out infinite}.delay-100{animation-delay:.1s}.delay-200{animation-delay:.2s}.delay-300{animation-delay:.3s}.delay-400{animation-delay:.4s}.delay-500{animation-delay:.5s}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideInLeft{0%{transform:translate(-20px);opacity:0}to{transform:translate(0);opacity:1}}@keyframes zoomIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-up{animation:fadeInUp .8s cubic-bezier(.2,.8,.2,1) forwards}.animate-in{animation-duration:.5s;animation-fill-mode:both}.fade-in{animation-name:fadeIn}.slide-in-from-left-8,.slide-in-from-left-12{animation-name:slideInLeft}.zoom-in-95{animation-name:zoomIn}.duration-500{animation-duration:.5s}.duration-700{animation-duration:.7s}