@import"https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700;900&display=swap";:root{--color-primary: #2563eb;--color-primary-hover: #1d4ed8;--color-primary-light: #60a5fa;--color-primary-dark: #1e40af;--bg-primary: #000000;--bg-secondary: #111827;--bg-tertiary: #1f2937;--bg-card: rgba(31, 41, 55, .9);--bg-overlay: rgba(0, 0, 0, .8);--border-primary: #374151;--border-secondary: #4b5563;--border-accent: #6b7280;--border-focus: #3b82f6;--text-primary: #f9fafb;--text-secondary: #d1d5db;--text-muted: #9ca3af;--text-disabled: #6b7280;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #3b82f6;--color-health: #22c55e;--color-hunger: #f59e0b;--color-thirst: #3b82f6;--color-energy: #a855f7;--color-xp: #06b6d4;--rarity-common: #9ca3af;--rarity-uncommon: #22c55e;--rarity-rare: #3b82f6;--rarity-epic: #a855f7;--rarity-legendary: #f59e0b;--rarity-mythic: #ef4444;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1);--shadow-2xl: 0 25px 50px -12px rgba(0, 0, 0, .25);--shadow-glow: 0 0 20px rgba(37, 99, 235, .5);--transition-fast: .15s ease;--transition-normal: .3s ease;--transition-slow: .5s ease;--font-primary: "Orbitron", monospace;--font-secondary: "Inter", sans-serif;--breakpoint-sm: 640px;--breakpoint-md: 768px;--breakpoint-lg: 1024px;--breakpoint-xl: 1280px;--z-dropdown: 1000;--z-sticky: 1020;--z-fixed: 1030;--z-modal-backdrop: 1040;--z-modal: 1050;--z-popover: 1060;--z-tooltip: 1070;--z-toast: 1080}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{line-height:1.15;-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;font-family:var(--font-primary);background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{margin:0;font-weight:inherit;line-height:1.2}p,blockquote,dl,dd,figure{margin:0}ul,ol{margin:0;padding:0;list-style:none}a{color:inherit;text-decoration:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;padding:0;border:none;background:none;color:inherit}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:button;cursor:pointer}button:disabled,[type=button]:disabled,[type=reset]:disabled,[type=submit]:disabled{cursor:not-allowed;opacity:.6}input,textarea,select{outline:none}img,svg,video,canvas,audio,iframe,embed,object{display:block;max-width:100%;height:auto}table{border-collapse:collapse;border-spacing:0}:focus{outline:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:var(--border-secondary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--border-accent)}::selection{background-color:var(--color-primary);color:var(--text-primary)}::-moz-selection{background-color:var(--color-primary);color:var(--text-primary)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);font-family:var(--font-primary);font-weight:700;font-size:1rem;line-height:1;text-align:center;border:2px solid transparent;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-normal);-webkit-user-select:none;user-select:none;white-space:nowrap;text-decoration:none;min-height:3rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-primary{background:var(--color-primary);color:var(--text-primary);border-color:var(--color-primary);box-shadow:var(--shadow-lg)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover);box-shadow:var(--shadow-xl);transform:translateY(-2px) scale(1.02)}.btn-primary:active{transform:translateY(0) scale(.98)}.btn-secondary{background:transparent;color:var(--text-primary);border-color:var(--border-secondary)}.btn-secondary:hover:not(:disabled){background:var(--bg-tertiary);border-color:var(--border-accent);transform:translateY(-1px)}.btn-success{background:var(--color-success);color:var(--text-primary);border-color:var(--color-success)}.btn-success:hover:not(:disabled){background:#16a34a;border-color:#16a34a;transform:translateY(-2px)}.btn-danger{background:var(--color-error);color:var(--text-primary);border-color:var(--color-error)}.btn-danger:hover:not(:disabled){background:#dc2626;border-color:#dc2626;transform:translateY(-2px)}.btn-warning{background:var(--color-warning);color:var(--bg-primary);border-color:var(--color-warning)}.btn-warning:hover:not(:disabled){background:#d97706;border-color:#d97706;transform:translateY(-2px)}.btn-sm{padding:var(--space-sm) var(--space-md);font-size:.875rem;min-height:2.25rem}.btn-lg{padding:var(--space-lg) var(--space-xl);font-size:1.125rem;min-height:3.5rem}.btn-xl{padding:var(--space-xl) var(--space-2xl);font-size:1.25rem;min-height:4rem}.btn-full{width:100%}.btn-auto{width:auto}.btn-glow{box-shadow:var(--shadow-glow);animation:pulse-glow 2s infinite}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #2563eb80}50%{box-shadow:0 0 30px #2563ebcc}}.btn-icon{padding:var(--space-md);min-width:3rem;aspect-ratio:1}.btn-icon-sm{padding:var(--space-sm);min-width:2.25rem;font-size:.875rem}.btn-loading{position:relative;color:transparent!important}.btn-loading:after{content:"";position:absolute;top:50%;left:50%;width:1rem;height:1rem;margin:-.5rem 0 0 -.5rem;border:2px solid transparent;border-top:2px solid currentColor;border-radius:50%;animation:spin 1s linear infinite}.btn-group{display:flex;gap:var(--space-sm)}.btn-group-vertical{flex-direction:column}.btn-group-horizontal{flex-direction:row}@media(max-width:640px){.btn-group-responsive{flex-direction:column}.btn-group-responsive .btn{width:100%}}.form{display:flex;flex-direction:column;gap:var(--space-lg);width:100%}.form-group{display:flex;flex-direction:column;gap:var(--space-sm)}.form-row{display:flex;gap:var(--space-md)}.form-row .form-group{flex:1}.label{display:block;font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-xs)}.label-required:after{content:" *";color:var(--color-error)}.input{width:100%;padding:var(--space-md);font-family:var(--font-primary);font-size:1rem;font-weight:500;color:var(--text-primary);background:var(--bg-tertiary);border:2px solid var(--border-primary);border-radius:var(--radius-lg);transition:all var(--transition-normal);min-height:3rem}.input::placeholder{color:var(--text-muted);font-weight:400}.input:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #3b82f633;background:var(--bg-card)}.input:disabled{opacity:.6;cursor:not-allowed;background:var(--bg-secondary)}.input-sm{padding:var(--space-sm) var(--space-md);font-size:.875rem;min-height:2.25rem}.input-lg{padding:var(--space-lg);font-size:1.125rem;min-height:3.5rem}.textarea{resize:vertical;min-height:6rem;line-height:1.5}.select{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;padding-right:2.5rem;cursor:pointer}.checkbox,.radio{width:1.25rem;height:1.25rem;background:var(--bg-tertiary);border:2px solid var(--border-primary);cursor:pointer;transition:all var(--transition-fast)}.checkbox{border-radius:var(--radius-sm)}.radio{border-radius:var(--radius-full)}.checkbox:checked,.radio:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox:focus,.radio:focus{box-shadow:0 0 0 3px #3b82f633}.input-group{position:relative;display:flex;align-items:center}.input-icon{position:absolute;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none;z-index:1}.input-icon-left{left:var(--space-md)}.input-icon-right{right:var(--space-md)}.input-with-icon-left{padding-left:3rem}.input-with-icon-right{padding-right:3rem}.input-error{border-color:var(--color-error);box-shadow:0 0 0 3px #ef444433}.input-success{border-color:var(--color-success);box-shadow:0 0 0 3px #22c55e33}.input-warning{border-color:var(--color-warning);box-shadow:0 0 0 3px #f59e0b33}.help-text{font-size:.875rem;color:var(--text-muted);margin-top:var(--space-xs)}.error-text{font-size:.875rem;color:var(--color-error);font-weight:500;margin-top:var(--space-xs)}.success-text{font-size:.875rem;color:var(--color-success);font-weight:500;margin-top:var(--space-xs)}.form-actions{display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl)}.form-actions-center{justify-content:center}.form-actions-start{justify-content:flex-start}.form-actions-between{justify-content:space-between}@media(max-width:640px){.form-row,.form-actions{flex-direction:column}.form-actions .btn{width:100%}}.username-generator{position:relative}.username-generator .btn-generate{position:absolute;right:var(--space-xs);top:50%;transform:translateY(-50%);padding:var(--space-sm);min-width:auto;height:auto;background:transparent;border:none;color:var(--color-primary);font-size:1.25rem}.username-generator .btn-generate:hover{color:var(--color-primary-hover);transform:translateY(-50%) scale(1.1)}.suggestions{margin-top:var(--space-md);padding:var(--space-md);background:#374151b3;border-radius:var(--radius-md);border:1px solid var(--border-primary)}.suggestions-title{font-size:.75rem;color:var(--text-muted);margin-bottom:var(--space-sm)}.suggestions-list{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.suggestion-pill{padding:var(--space-xs) var(--space-md);background:var(--color-primary);color:var(--text-primary);font-size:.875rem;font-weight:600;border-radius:var(--radius-full);border:none;cursor:pointer;transition:all var(--transition-fast)}.suggestion-pill:hover{background:var(--color-primary-hover);transform:scale(1.05)}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-2xl);overflow:hidden;transition:all var(--transition-normal)}.card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2xl),var(--shadow-glow)}.card-flat{box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.card-elevated{box-shadow:var(--shadow-xl)}.card-glow{box-shadow:var(--shadow-2xl),var(--shadow-glow)}.card-sm{padding:var(--space-md);border-radius:var(--radius-md)}.card-md{padding:var(--space-lg);border-radius:var(--radius-lg)}.card-lg{padding:var(--space-xl);border-radius:var(--radius-xl)}.card-xl{padding:var(--space-2xl);border-radius:var(--radius-xl)}.card-header{padding:var(--space-lg);border-bottom:1px solid var(--border-primary);background:#0003}.card-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0}.card-subtitle{font-size:.875rem;color:var(--text-secondary);margin:var(--space-xs) 0 0 0}.card-body{padding:var(--space-lg)}.card-content{color:var(--text-secondary);line-height:1.6}.card-footer{padding:var(--space-lg);border-top:1px solid var(--border-primary);background:#0000001a;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md)}.feature-card{text-align:center;padding:var(--space-xl);transition:all var(--transition-normal);cursor:pointer}.feature-card:hover{transform:translateY(-4px) scale(1.02);border-color:var(--color-primary)}.feature-icon{font-size:3rem;margin-bottom:var(--space-lg);display:block;transition:transform var(--transition-normal)}.feature-card:hover .feature-icon{transform:scale(1.2)}.feature-title{font-size:1.25rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md)}.feature-description{color:var(--text-secondary);line-height:1.6}.stats-card{text-align:center;padding:var(--space-lg);background:#0000004d}.stats-number{font-size:2rem;font-weight:900;color:var(--color-primary);display:block;margin-bottom:var(--space-sm)}.stats-label{font-size:.875rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.game-card{position:relative;overflow:hidden}.game-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));opacity:0;transition:opacity var(--transition-normal)}.game-card:hover:before{opacity:1}.card-common{border-color:var(--rarity-common)}.card-uncommon{border-color:var(--rarity-uncommon);box-shadow:0 0 20px #22c55e4d}.card-rare{border-color:var(--rarity-rare);box-shadow:0 0 20px #3b82f64d}.card-epic{border-color:var(--rarity-epic);box-shadow:0 0 20px #a855f74d}.card-legendary{border-color:var(--rarity-legendary);box-shadow:0 0 20px #f59e0b4d}.card-mythic{border-color:var(--rarity-mythic);box-shadow:0 0 20px #ef44444d}.card-grid{display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.card-grid-sm{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--space-md)}.card-grid-lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:var(--space-xl)}@media(max-width:640px){.card-grid{grid-template-columns:1fr}.card-header,.card-body,.card-footer{padding:var(--space-md)}.feature-card{padding:var(--space-lg)}.feature-icon{font-size:2.5rem}}#gameContainer{position:relative;width:100vw;height:100vh;overflow:hidden;background:var(--bg-primary)}#gameCanvas{display:block;width:100%;height:100%}#loadingScreen{position:absolute;inset:0;background:linear-gradient(135deg,#1f2937,#1e40af,#1f2937);display:flex;flex-direction:column;justify-content:center;align-items:center;color:var(--text-primary);z-index:50}.loading-spinner{width:3rem;height:3rem;border:3px solid var(--color-primary);border-top:3px solid transparent;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--space-lg)}.game-ui{position:absolute;inset:0;pointer-events:none;z-index:10}.game-ui>*{pointer-events:auto}.player-info{position:absolute;top:var(--space-lg);left:var(--space-lg);background:#000c;padding:var(--space-md);border-radius:var(--radius-xl);border:2px solid var(--color-primary);color:var(--text-primary);min-width:200px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.player-info .player-name{font-size:1.125rem;font-weight:700;color:var(--color-primary);margin-bottom:var(--space-md)}.player-info .stats{display:flex;flex-direction:column;gap:var(--space-sm);font-size:.875rem}.player-info .stat-row{display:flex;justify-content:space-between}.stat-health{color:var(--color-health)}.stat-hunger{color:var(--color-hunger)}.stat-thirst{color:var(--color-thirst)}.stat-energy{color:var(--color-energy)}#instructions{position:absolute;top:var(--space-lg);right:var(--space-lg);background:#000c;padding:var(--space-md);border-radius:var(--radius-xl);border:1px solid var(--border-primary);color:var(--text-primary);max-width:20rem;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}#instructions h3{font-weight:700;color:var(--color-primary);margin-bottom:var(--space-sm)}#instructions .controls{font-size:.75rem;display:flex;flex-direction:column;gap:var(--space-xs);color:var(--text-secondary)}#instructions .key{color:var(--color-primary);font-weight:600}#instructions .hint{color:var(--color-warning);margin-top:var(--space-sm)}.game-console{position:absolute;bottom:var(--space-lg);left:var(--space-lg);right:var(--space-lg);max-width:32rem;background:#000000e6;border-radius:var(--radius-xl);border:1px solid var(--border-primary);max-height:12rem;overflow-y:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.console-messages{padding:var(--space-md);font-size:.75rem;line-height:1.6;font-family:Courier New,monospace}.console-messages .message-success{color:var(--color-success)}.console-messages .message-error{color:var(--color-error)}.console-messages .message-info{color:var(--text-muted)}.console-input{width:100%;background:var(--bg-tertiary);border:none;padding:var(--space-md);color:var(--text-primary);font-size:.75rem;font-family:Courier New,monospace;border-radius:0 0 var(--radius-xl) var(--radius-xl);outline:none;transition:background-color var(--transition-fast)}.console-input:focus{background:var(--bg-secondary)}.console-messages::-webkit-scrollbar{width:4px}.console-messages::-webkit-scrollbar-track{background:#37415180;border-radius:2px}.console-messages::-webkit-scrollbar-thumb{background:#3b82f680;border-radius:2px}.console-messages::-webkit-scrollbar-thumb:hover{background:#3b82f6b3}.logout-btn{position:absolute;top:calc(var(--space-lg) + 200px);right:var(--space-lg);background:var(--color-error);color:var(--text-primary);padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:.875rem;font-weight:500;border:none;cursor:pointer;transition:all var(--transition-fast)}.logout-btn:hover{background:#dc2626;transform:translateY(-1px)}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}@media(max-width:768px){.player-info,#instructions{position:fixed;top:var(--space-sm);left:var(--space-sm);right:var(--space-sm);max-width:none}#instructions{top:auto;bottom:calc(var(--space-lg) + 200px)}.game-console{left:var(--space-sm);right:var(--space-sm);bottom:var(--space-sm)}.logout-btn{top:auto;bottom:var(--space-sm);right:var(--space-sm)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.game-ui>*{animation:fadeIn .5s ease-out}.pulse-health{animation:pulse-health 2s infinite}.pulse-danger{animation:pulse-danger 1s infinite}@keyframes pulse-health{0%,to{box-shadow:0 0 5px var(--color-health)}50%{box-shadow:0 0 20px var(--color-health)}}@keyframes pulse-danger{0%,to{box-shadow:0 0 5px var(--color-error)}50%{box-shadow:0 0 20px var(--color-error)}}.hidden{display:none!important}.block{display:block!important}.inline{display:inline!important}.inline-block{display:inline-block!important}.flex{display:flex!important}.inline-flex{display:inline-flex!important}.grid{display:grid!important}.flex-row{flex-direction:row!important}.flex-col{flex-direction:column!important}.flex-wrap{flex-wrap:wrap!important}.flex-nowrap{flex-wrap:nowrap!important}.items-start{align-items:flex-start!important}.items-center{align-items:center!important}.items-end{align-items:flex-end!important}.items-stretch{align-items:stretch!important}.justify-start{justify-content:flex-start!important}.justify-center{justify-content:center!important}.justify-end{justify-content:flex-end!important}.justify-between{justify-content:space-between!important}.justify-around{justify-content:space-around!important}.justify-evenly{justify-content:space-evenly!important}.flex-1{flex:1 1 0%!important}.flex-auto{flex:1 1 auto!important}.flex-none{flex:none!important}.static{position:static!important}.relative{position:relative!important}.absolute{position:absolute!important}.fixed{position:fixed!important}.sticky{position:sticky!important}.w-full{width:100%!important}.w-auto{width:auto!important}.w-fit{width:fit-content!important}.w-screen{width:100vw!important}.h-full{height:100%!important}.h-auto{height:auto!important}.h-fit{height:fit-content!important}.h-screen{height:100vh!important}.min-h-screen{min-height:100vh!important}.m-0{margin:0!important}.m-auto{margin:auto!important}.mx-auto{margin-left:auto!important;margin-right:auto!important}.my-auto{margin-top:auto!important;margin-bottom:auto!important}.m-xs{margin:var(--space-xs)!important}.m-sm{margin:var(--space-sm)!important}.m-md{margin:var(--space-md)!important}.m-lg{margin:var(--space-lg)!important}.m-xl{margin:var(--space-xl)!important}.m-2xl{margin:var(--space-2xl)!important}.mt-xs{margin-top:var(--space-xs)!important}.mt-sm{margin-top:var(--space-sm)!important}.mt-md{margin-top:var(--space-md)!important}.mt-lg{margin-top:var(--space-lg)!important}.mt-xl{margin-top:var(--space-xl)!important}.mt-2xl{margin-top:var(--space-2xl)!important}.mb-xs{margin-bottom:var(--space-xs)!important}.mb-sm{margin-bottom:var(--space-sm)!important}.mb-md{margin-bottom:var(--space-md)!important}.mb-lg{margin-bottom:var(--space-lg)!important}.mb-xl{margin-bottom:var(--space-xl)!important}.mb-2xl{margin-bottom:var(--space-2xl)!important}.p-0{padding:0!important}.p-xs{padding:var(--space-xs)!important}.p-sm{padding:var(--space-sm)!important}.p-md{padding:var(--space-md)!important}.p-lg{padding:var(--space-lg)!important}.p-xl{padding:var(--space-xl)!important}.p-2xl{padding:var(--space-2xl)!important}.px-xs{padding-left:var(--space-xs)!important;padding-right:var(--space-xs)!important}.px-sm{padding-left:var(--space-sm)!important;padding-right:var(--space-sm)!important}.px-md{padding-left:var(--space-md)!important;padding-right:var(--space-md)!important}.px-lg{padding-left:var(--space-lg)!important;padding-right:var(--space-lg)!important}.px-xl{padding-left:var(--space-xl)!important;padding-right:var(--space-xl)!important}.py-xs{padding-top:var(--space-xs)!important;padding-bottom:var(--space-xs)!important}.py-sm{padding-top:var(--space-sm)!important;padding-bottom:var(--space-sm)!important}.py-md{padding-top:var(--space-md)!important;padding-bottom:var(--space-md)!important}.py-lg{padding-top:var(--space-lg)!important;padding-bottom:var(--space-lg)!important}.py-xl{padding-top:var(--space-xl)!important;padding-bottom:var(--space-xl)!important}.gap-xs{gap:var(--space-xs)!important}.gap-sm{gap:var(--space-sm)!important}.gap-md{gap:var(--space-md)!important}.gap-lg{gap:var(--space-lg)!important}.gap-xl{gap:var(--space-xl)!important}.gap-2xl{gap:var(--space-2xl)!important}.text-left{text-align:left!important}.text-center{text-align:center!important}.text-right{text-align:right!important}.text-justify{text-align:justify!important}.font-normal{font-weight:400!important}.font-medium{font-weight:500!important}.font-semibold{font-weight:600!important}.font-bold{font-weight:700!important}.font-extrabold{font-weight:800!important}.font-black{font-weight:900!important}.text-xs{font-size:.75rem!important}.text-sm{font-size:.875rem!important}.text-base{font-size:1rem!important}.text-lg{font-size:1.125rem!important}.text-xl{font-size:1.25rem!important}.text-2xl{font-size:1.5rem!important}.text-3xl{font-size:1.875rem!important}.text-4xl{font-size:2.25rem!important}.text-5xl{font-size:3rem!important}.text-6xl{font-size:3.75rem!important}.text-primary{color:var(--text-primary)!important}.text-secondary{color:var(--text-secondary)!important}.text-muted{color:var(--text-muted)!important}.text-disabled{color:var(--text-disabled)!important}.text-success{color:var(--color-success)!important}.text-warning{color:var(--color-warning)!important}.text-error{color:var(--color-error)!important}.text-info{color:var(--color-info)!important}.text-blue{color:var(--color-primary)!important}.text-blue-light{color:var(--color-primary-light)!important}.bg-primary{background-color:var(--bg-primary)!important}.bg-secondary{background-color:var(--bg-secondary)!important}.bg-tertiary{background-color:var(--bg-tertiary)!important}.bg-card{background-color:var(--bg-card)!important}.bg-success{background-color:var(--color-success)!important}.bg-warning{background-color:var(--color-warning)!important}.bg-error{background-color:var(--color-error)!important}.bg-info{background-color:var(--color-info)!important}.border{border:1px solid var(--border-primary)!important}.border-0{border:none!important}.border-primary{border-color:var(--border-primary)!important}.border-secondary{border-color:var(--border-secondary)!important}.border-accent{border-color:var(--border-accent)!important}.rounded-none{border-radius:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-lg{border-radius:var(--radius-lg)!important}.rounded-xl{border-radius:var(--radius-xl)!important}.rounded-full{border-radius:var(--radius-full)!important}.shadow-none{box-shadow:none!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow-md{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.shadow-glow{box-shadow:var(--shadow-glow)!important}.opacity-0{opacity:0!important}.opacity-25{opacity:.25!important}.opacity-50{opacity:.5!important}.opacity-75{opacity:.75!important}.opacity-100{opacity:1!important}.cursor-pointer{cursor:pointer!important}.cursor-not-allowed{cursor:not-allowed!important}.cursor-default{cursor:default!important}.select-none{-webkit-user-select:none!important;user-select:none!important}.select-text{-webkit-user-select:text!important;user-select:text!important}.select-all{-webkit-user-select:all!important;user-select:all!important}.pointer-events-none{pointer-events:none!important}.pointer-events-auto{pointer-events:auto!important}.overflow-hidden{overflow:hidden!important}.overflow-auto{overflow:auto!important}.overflow-scroll{overflow:scroll!important}.overflow-visible{overflow:visible!important}.transform{transform:translateZ(0)!important}.scale-95{transform:scale(.95)!important}.scale-100{transform:scale(1)!important}.scale-105{transform:scale(1.05)!important}.scale-110{transform:scale(1.1)!important}.transition{transition:all var(--transition-normal)!important}.transition-fast{transition:all var(--transition-fast)!important}.transition-slow{transition:all var(--transition-slow)!important}.transition-none{transition:none!important}.hover-lift:hover{transform:translateY(-2px)!important}.hover-scale:hover{transform:scale(1.05)!important}.hover-glow:hover{box-shadow:var(--shadow-glow)!important}.focus-ring:focus{outline:none!important;box-shadow:0 0 0 3px #3b82f680!important}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-spin{animation:spin 1s linear infinite}.animate-bounce{animation:bounce 1s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,to{transform:translateY(-25%);animation-timing-function:cubic-bezier(.8,0,1,1)}50%{transform:none;animation-timing-function:cubic-bezier(0,0,.2,1)}}html{font-size:16px}body{min-height:100vh;background:linear-gradient(135deg,var(--bg-primary),#1e40af,var(--bg-primary));background-attachment:fixed}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-md)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.font-bold{font-weight:700}.font-black{font-weight:900}.page-auth{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-md);gap:var(--space-lg)}.auth-card{width:100%;max-width:28rem;background:var(--bg-card);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--border-primary);box-shadow:var(--shadow-2xl)}.auth-header{text-align:center;margin-bottom:var(--space-xl)}.auth-title{font-size:2.5rem;font-weight:900;color:var(--text-primary);margin-bottom:var(--space-md);line-height:1.1}.auth-subtitle{color:var(--text-secondary);font-size:1.125rem}.auth-actions{margin-top:var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md);text-align:center}.auth-link{color:var(--color-primary-light);font-weight:700;transition:color var(--transition-fast)}.auth-link:hover{color:var(--color-primary)}.info-box{width:100%;max-width:28rem;padding:var(--space-md);background:#1e40af4d;border-radius:var(--radius-md);border:1px solid var(--color-primary)}.info-box-content{display:flex;align-items:flex-start;gap:var(--space-md)}.info-box-icon{color:var(--color-primary-light);font-size:1.125rem;flex-shrink:0}.info-box-text{font-size:.875rem;color:#bfdbfe}.info-box-title{font-weight:700;margin-bottom:var(--space-xs)}.info-box-list{display:flex;flex-direction:column;gap:var(--space-xs);font-size:.75rem;list-style:none;padding:0}@media(max-width:640px){.auth-title{font-size:2rem}.auth-card{padding:var(--space-xl)}}