:root{--background: 0 0% 100%;--foreground: 0 0% 5%;--card: 0 0% 100%;--card-foreground: 0 0% 5%;--popover: 0 0% 100%;--popover-foreground: 0 0% 5%;--primary: 217 91% 60%;--primary-foreground: 0 0% 100%;--primary-glow: 217 91% 70%;--secondary: 0 0% 15%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 96%;--muted-foreground: 0 0% 45%;--accent: 217 91% 60%;--accent-foreground: 0 0% 100%;--destructive: 0 84.2% 60.2%;--destructive-foreground: 0 0% 98%;--border: 0 0% 90%;--input: 0 0% 90%;--ring: 217 91% 60%;--radius: .75rem;--gradient-primary: linear-gradient(135deg, hsl(217 91% 60%), hsl(217 91% 70%));--gradient-dark: linear-gradient(135deg, hsl(0 0% 10%), hsl(0 0% 5%));--shadow-glow: 0 10px 40px -10px hsl(217 91% 60% / .3);--transition-smooth: all .3s cubic-bezier(.4, 0, .2, 1)}.dark{--background: 0 0% 5%;--foreground: 0 0% 98%;--card: 0 0% 10%;--card-foreground: 0 0% 98%;--popover: 0 0% 10%;--popover-foreground: 0 0% 98%;--primary: 217 91% 60%;--primary-foreground: 0 0% 100%;--secondary: 0 0% 15%;--secondary-foreground: 0 0% 98%;--muted: 0 0% 15%;--muted-foreground: 0 0% 65%;--accent: 217 91% 60%;--accent-foreground: 0 0% 100%;--destructive: 0 62.8% 30.6%;--destructive-foreground: 0 0% 98%;--border: 0 0% 20%;--input: 0 0% 20%;--ring: 217 91% 60%}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{height:100%;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;background:hsl(var(--background));color:hsl(var(--foreground))}app-root{display:flex;flex-direction:column;min-height:100vh}app-root>div{display:flex;flex-direction:column;min-height:100vh}