body,html{margin:0;padding:0;min-height:100%;width:100%;overflow-x:hidden;font-family:Arial,Helvetica,sans-serif;background:transparent;color:var(--foreground)}#root{min-height:100vh;width:100vw;display:flex;flex-direction:column;justify-content:space-between}.container{padding:20px;margin:0 auto}.card{transition:transform .3s ease,box-shadow .3s ease;padding:2em;height:100%;border:none;border-radius:1rem;background:var(--card-bg);box-shadow:0 18px 50px rgba(15,23,42,.08)}.card:hover{transform:translateY(-10px);box-shadow:0 24px 60px rgba(15,23,42,.12)}.card img{border-radius:.75rem;max-height:70%;object-fit:contain}.card-title{font-weight:700;color:var(--primary)}.card-subtitle{color:var(--muted);font-size:.9rem}#myBadges img:hover{transform:scale(1.1)}.navbar{background-color:rgba(var(--surface-rgb),.92)!important}.navbar-nav .nav-link{font-size:1.1rem;padding:10px 20px;transition:color .3s ease;color:var(--foreground)!important}.navbar-nav .active,.navbar-nav .nav-link:hover{color:var(--accent)!important}.navbar-nav .active{font-weight:700}input:-webkit-autofill,textarea:-webkit-autofill{background-color:rgba(var(--surface-rgb),.96)!important;color:var(--foreground)!important;transition:background-color 5000s ease-in-out 0s}.glassmorphism{background:rgba(var(--surface-rgb),.1);box-shadow:0 4px 30px rgba(15,23,42,.08);border:1px solid rgba(var(--border-rgb),.12);backdrop-filter:blur(10px);border-radius:10px;transition:all .3s ease-in-out}.glassmorphism:hover{background:rgba(var(--surface-rgb),.16);transform:scale(1.02)}