@tailwind base;@tailwind components;@tailwind utilities;body{background:linear-gradient(to bottom right,#111827,#1f2937,#000);color:#f0f8ff;cursor:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Ctext x='16' y='22' font-size='20' text-anchor='middle'%3E👣%3C/text%3E%3C/svg%3E") 16 16,auto;font-family:Inter,system-ui,sans-serif;min-height:100vh}body:before{animation:spoopyFloat 12s ease-in-out infinite;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctext x='12' y='18' font-size='16' opacity='.3' text-anchor='middle'%3E👁️%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctext x='12' y='18' font-size='16' opacity='.2' text-anchor='middle'%3E🌙%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctext x='12' y='18' font-size='16' opacity='.25' text-anchor='middle'%3E⚡%3C/text%3E%3C/svg%3E"),url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ctext x='12' y='18' font-size='16' opacity='.2' text-anchor='middle'%3E🦇%3C/text%3E%3C/svg%3E");background-position:15% 20%,85% 30%,25% 70%,75% 85%;background-repeat:no-repeat;background-size:40px 40px;content:"";height:100vh;left:0;pointer-events:none;position:fixed;top:0;width:100vw;z-index:1}.container{max-width:1200px}.supernatural-warning{animation:fadeInScale .8s ease-out}.supernatural-warning .warning-text{animation:pulse 2s infinite}.supernatural-warning .bat-emoji{animation:flutter 1.5s ease-in-out infinite}.splash-particle{animation:splashFloat 8s ease-in-out infinite;font-size:2.5rem;opacity:.6;pointer-events:none;position:absolute}@keyframes splashFloat{0%,to{opacity:.6;transform:translateY(0) rotate(0) scale(1)}25%{opacity:.8;transform:translateY(-30px) rotate(90deg) scale(1.2)}50%{opacity:.4;transform:translateY(-15px) rotate(180deg) scale(.8)}75%{opacity:.7;transform:translateY(-40px) rotate(270deg) scale(1.1)}}@keyframes spoopyFloat{0%,to{background-position:15% 20%,85% 30%,25% 70%,75% 85%;filter:hue-rotate(0deg)}25%{background-position:20% 25%,80% 25%,30% 65%,70% 80%;filter:hue-rotate(90deg)}50%{background-position:25% 30%,75% 35%,35% 75%,65% 90%;filter:hue-rotate(180deg)}75%{background-position:10% 15%,90% 40%,20% 80%,80% 75%;filter:hue-rotate(270deg)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes flutter{0%,to{transform:rotate(-5deg) scale(1)}50%{transform:rotate(5deg) scale(1.1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.floating-particle{animation:float 6s ease-in-out infinite;font-size:2rem;opacity:.7;position:absolute}.magnetic-particle{cursor:pointer;font-size:2rem;opacity:.8;position:absolute;transition:all .2s ease-out;z-index:5}.magnetic-particle:hover{filter:drop-shadow(0 0 30px currentColor)!important;transform:scale(1.5) rotate(45deg)!important}.title-glow{animation:titleGlow 3s ease-in-out infinite alternate;text-shadow:0 0 20px rgba(255,235,59,.6)}.morphing-title{transition:all .3s ease}.morphing-title:hover{animation:title-glitch .1s infinite,titleGlow 3s ease-in-out infinite alternate;text-shadow:0 0 20px rgba(255,235,59,.6),2px 0 red,-2px 0 #0ff,0 2px #f0f}.fade-in{animation:fadeIn 2s ease-out .5s both}.glow-on-hover:hover{box-shadow:0 0 30px currentColor}@keyframes float{0%,to{transform:translateY(0) rotate(0)}33%{transform:translateY(-20px) rotate(120deg)}66%{transform:translateY(-10px) rotate(240deg)}}@keyframes titleGlow{0%{text-shadow:0 0 20px rgba(255,235,59,.6)}to{text-shadow:0 0 40px rgba(255,235,59,.9),0 0 60px rgba(255,235,59,.4)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in-delayed{animation:fadeIn 2s ease-out 1s both}.profile-card{animation:slideInFromLeft 1.5s ease-out .8s both}.glow-text{text-shadow:0 0 15px rgba(168,85,247,.8)}.profile-card:hover{box-shadow:0 20px 40px #a855f74d;transform:translateY(-5px)}@keyframes slideInFromLeft{0%{opacity:0;transform:translate(-50px)}to{opacity:1;transform:translate(0)}}.cursor-trail{animation:cursorTrailFade 1s ease-out forwards;font-size:1.5rem;pointer-events:none;position:fixed;transform:translate(-50%,-50%);z-index:9999}@keyframes cursorTrailFade{0%{opacity:1;transform:translate(-50%,-50%) scale(1)}to{opacity:0;transform:translate(-50%,-50%) scale(.5)}}.modern-btn{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:none;border-radius:16px;cursor:pointer;display:block;height:70px;margin:0 auto;overflow:hidden;position:relative;text-decoration:none;transform-style:preserve-3d;transition:all .4s cubic-bezier(.23,1,.32,1);width:320px}.modern-btn-content{align-items:center;display:flex;font-size:16px;font-weight:600;gap:12px;height:100%;justify-content:center;letter-spacing:.5px;padding:0 24px;position:relative;z-index:10}.modern-btn-text{font-size:18px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.modern-btn-icon{font-size:20px;transition:all .3s ease}.modern-btn-bg{border-radius:16px;height:100%;left:0;position:absolute;top:0;transition:all .4s cubic-bezier(.23,1,.32,1);width:100%;z-index:1}.modern-btn-shine{background:linear-gradient(45deg,transparent,hsla(0,0%,100%,.1),transparent);height:200%;left:-50%;position:absolute;top:-50%;transform:rotate(45deg) translate(-100%,-100%);transition:transform .6s cubic-bezier(.23,1,.32,1);width:200%;z-index:5}.modern-btn-primary .modern-btn-bg{background:linear-gradient(135deg,#8b45c7e6,#4c1d95e6);border:1px solid rgba(139,69,199,.3);box-shadow:0 8px 32px #8b45c74d,inset 0 1px #ffffff1a}.modern-btn-primary:hover .modern-btn-bg{background:linear-gradient(135deg,#a855f7f2,#6b21a8f2);box-shadow:0 16px 48px #8b45c766,inset 0 1px #fff3;transform:translateY(-2px)}.modern-btn-secondary .modern-btn-bg{background:linear-gradient(135deg,#0e7490e6,#06b6d4e6);border:1px solid rgba(6,182,212,.3);box-shadow:0 8px 32px #06b6d44d,inset 0 1px #ffffff1a}.modern-btn-secondary:hover .modern-btn-bg{background:linear-gradient(135deg,#0891b2f2,#22d3eef2);box-shadow:0 16px 48px #06b6d466,inset 0 1px #fff3;transform:translateY(-2px)}.modern-btn:hover{transform:translateY(-4px) scale(1.02)}.modern-btn:hover .modern-btn-shine{transform:rotate(45deg) translate(50%,50%)}.modern-btn:hover .modern-btn-icon{transform:scale(1.2) rotate(10deg)}.modern-btn:active{transform:translateY(-1px) scale(.98)}.modern-btn:active .modern-btn-bg{transform:translateY(0)}.modern-btn-danger .modern-btn-bg{background:linear-gradient(135deg,#dc2626e6,#991b1be6);border:1px solid rgba(220,38,38,.3);box-shadow:0 8px 32px #dc26264d,inset 0 1px #ffffff1a}.modern-btn-danger:hover .modern-btn-bg{background:linear-gradient(135deg,#f87272f2,#b91c1cf2);box-shadow:0 16px 48px #dc262666,inset 0 1px #fff3;transform:translateY(-2px)}.modern-btn-escape .modern-btn-bg{background:linear-gradient(135deg,#4b5563e6,#374151e6);border:1px solid rgba(75,85,99,.3);box-shadow:0 8px 32px #4b55634d,inset 0 1px #ffffff1a}.modern-btn-escape:hover .modern-btn-bg{background:linear-gradient(135deg,#6b7280f2,#4b5563f2);box-shadow:0 16px 48px #4b556366,inset 0 1px #fff3;transform:translateY(-2px)}.modern-btn-accent .modern-btn-bg{background:linear-gradient(135deg,#f59e0be6,#d97706e6);border:1px solid rgba(245,158,11,.3);box-shadow:0 8px 32px #f59e0b4d,inset 0 1px #ffffff1a}.modern-btn-accent:hover .modern-btn-bg{background:linear-gradient(135deg,#fbbf24f2,#f59e0bf2);box-shadow:0 16px 48px #f59e0b66,inset 0 1px #fff3;transform:translateY(-2px)}@keyframes button-magnetic{0%{transform:scale(1) rotateY(0)}50%{transform:scale(1.05) rotateY(5deg)}to{transform:scale(1.1) rotateY(0)}}@keyframes ripple-animation{0%{opacity:1;transform:scale(0)}to{opacity:0;transform:scale(2)}}@keyframes screen-shake{0%,to{transform:translate(0)}10%{transform:translate(-2px,-2px)}20%{transform:translate(2px,-2px)}30%{transform:translate(-2px,2px)}40%{transform:translate(2px,2px)}50%{transform:translate(-1px,-1px)}60%{transform:translate(1px,-1px)}70%{transform:translate(-1px,1px)}80%{transform:translate(1px,1px)}90%{transform:translate(0)}}@keyframes explode-particle{0%{opacity:1;transform:translate(-50%,-50%) scale(0) rotate(0)}50%{opacity:1;transform:translate(calc(-50% + var(--random-x)),calc(-50% + var(--random-y))) scale(1.5) rotate(180deg)}to{opacity:0;transform:translate(calc(-50% + var(--random-x)),calc(-50% + var(--random-y))) scale(0) rotate(1turn)}}@keyframes title-glitch{0%,to{transform:translate(0)}20%{transform:translate(-1px,1px)}40%{transform:translate(-1px,-1px)}60%{transform:translate(1px,1px)}80%{transform:translate(1px,-1px)}}.raise:focus,.raise:hover{box-shadow:0 .5em .5em -.4em var(--hover);transform:translateY(-.25em)}.raise-red{--color:#ff7f82;--hover:#f44}.raise-gray{--color:#8fc866;--hover:#7bb355}.raise{background:none;border:2px solid;border-color:var(--color);color:var(--color);font-size:1.1rem;line-height:1;min-height:3.5rem;padding:1em 2em;transition:.25s}.raise:focus,.raise:hover{border-color:var(--hover);color:#fff}@keyframes portal-exit{0%{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.2) rotate(180deg)}to{opacity:0;transform:scale(0) rotate(1turn)}}@keyframes portal-particle{0%{opacity:1;transform:translate(-50%,-50%) scale(0) rotate(0)}50%{opacity:1;transform:translate(calc(-50% + cos(var(--angle))*var(--distance)),calc(-50% + sin(var(--angle))*var(--distance))) scale(1.5) rotate(180deg)}to{opacity:0;transform:translate(calc(-50% + cos(var(--angle))*var(--distance)),calc(-50% + sin(var(--angle))*var(--distance))) scale(0) rotate(1turn)}}.p-dialog-mask{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000d9!important;height:100%!important;left:0!important;position:fixed!important;top:0!important;width:100%!important;z-index:1100!important}.p-dialog{border:none!important;box-shadow:none!important;z-index:1101!important}.p-dialog,.p-dialog-content{background:transparent!important}.p-dialog-content{border-radius:0!important;padding:0!important}.p-dropdown,.p-dropdown-items,.p-dropdown-panel{background:#1f2937!important;border:1px solid #374151!important}.p-dropdown-item{background:#1f2937!important;color:#fff!important}.p-dropdown-item:focus,.p-dropdown-item:hover{background:#374151!important;color:#fff!important}.p-dropdown-item.p-highlight{background:#3b82f6!important;color:#fff!important}.p-select,.p-select-items,.p-select-panel{background:#1f2937!important;border:1px solid #374151!important}.p-select-item{background:#1f2937!important;color:#fff!important}.p-select-item:focus,.p-select-item:hover{background:#374151!important}.bg-gray-900{background-color:#111827!important}.bg-gray-800{background-color:#1f2937!important}.p-component-overlay{-webkit-backdrop-filter:blur(4px)!important;backdrop-filter:blur(4px)!important;background:#000000d9!important}.role-card[data-v-e9e2778a]{transition:all .3s ease}.role-card[data-v-e9e2778a]:hover{box-shadow:0 8px 25px #0000004d;transform:translateY(-2px)}.fictional-login-container[data-v-cbb9e610]{align-items:center;display:flex;justify-content:center;min-height:70vh;padding:2rem}.login-card[data-v-cbb9e610]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1f2937f2!important;overflow:hidden;position:relative;transition:all .4s ease}.login-card[data-v-cbb9e610]:before{animation:shimmer-cbb9e610 8s ease-in-out infinite;background:linear-gradient(45deg,transparent,rgba(168,85,247,.05),transparent);content:"";height:200%;left:-50%;pointer-events:none;position:absolute;top:-50%;width:200%}.login-card[data-v-cbb9e610]:hover{border-color:#a855f799!important;box-shadow:0 25px 50px #a855f74d,0 0 40px #ffeb3b33,inset 0 1px #ffffff1a!important;transform:translateY(-4px) scale(1.01)}.form-field[data-v-cbb9e610]{position:relative;transition:all .3s ease}.form-field[data-v-cbb9e610]:hover{transform:translate(2px)}.supernatural-input[data-v-cbb9e610]{background:linear-gradient(135deg,#1f2937,#374151)!important;border:2px solid #4b5563!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;padding:12px 16px!important;transition:all .3s ease!important}.supernatural-input[data-v-cbb9e610]:focus{border-color:#a855f7!important;box-shadow:0 0 20px #a855f766,inset 0 0 10px #ffeb3b1a!important;outline:none!important;transform:scale(1.02)!important}.supernatural-input[data-v-cbb9e610]::-moz-placeholder{color:#9ca3af!important;font-style:italic}.supernatural-input[data-v-cbb9e610]::placeholder{color:#9ca3af!important;font-style:italic}[data-v-cbb9e610] .p-password{width:100%}[data-v-cbb9e610] .p-password .p-inputtext{background:linear-gradient(135deg,#1f2937,#374151)!important;border:2px solid #4b5563!important;border-radius:8px!important;color:#fff!important;font-size:16px!important;padding:12px 16px!important;transition:all .3s ease!important;width:100%!important}[data-v-cbb9e610] .p-password .p-inputtext:focus{border-color:#a855f7!important;box-shadow:0 0 20px #a855f766!important;outline:none!important;transform:scale(1.02)!important}@keyframes shimmer-cbb9e610{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}50%{transform:translate(100%) translateY(100%) rotate(45deg)}to{transform:translate(-100%) translateY(-100%) rotate(45deg)}}