:root{--bs-body-bg: #0f172a;--bs-body-color: #f8fafc;--transition-base: 0.2s ease}body{background:linear-gradient(180deg, #0f172a 0%, #0a0f1a 100%);color:#f8fafc;font-family:"Plus Jakarta Sans","Segoe UI",system-ui,sans-serif;min-height:100vh}.navbar{background:rgba(30,41,59,.95) !important;backdrop-filter:blur(12px);border-bottom:1px solid hsla(0,0%,100%,.08);box-shadow:0 1px 0 hsla(0,0%,100%,.03)}.navbar .navbar-brand{font-weight:700;letter-spacing:-0.02em;transition:opacity var(--transition-base)}.navbar .navbar-brand:hover{opacity:.9}.navbar .nav-link{font-weight:500;border-radius:.5rem;padding:.5rem .75rem !important;transition:background var(--transition-base),color var(--transition-base)}.navbar .nav-link:hover{background:hsla(0,0%,100%,.06)}.navbar .btn-primary{font-weight:600;padding:.5rem 1rem;border-radius:.5rem;transition:transform var(--transition-base),box-shadow var(--transition-base)}.navbar .btn-primary:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(59,130,246,.35)}.card{background:#1e293b;border:1px solid hsla(0,0%,100%,.08);border-radius:.75rem;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.card:hover{border-color:hsla(0,0%,100%,.12);box-shadow:0 8px 24px rgba(0,0,0,.2)}.card .card-title{color:#f8fafc;font-weight:600}.card .card-text{color:rgb(194.45,211.75,229.05)}.form-control,.form-select{background:#334155;border:1px solid hsla(0,0%,100%,.08);color:#f8fafc;border-radius:.5rem;transition:border-color var(--transition-base),box-shadow var(--transition-base)}.form-control:focus,.form-select:focus{background:#334155;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,.2);color:#f8fafc}.form-control::placeholder,.form-select::placeholder{color:hsla(0,0%,100%,.4)}.form-label{font-weight:500;color:rgb(212.3,224.5,236.7)}.fw-medium{font-weight:500}.btn{font-weight:600;border-radius:.5rem;transition:transform var(--transition-base),box-shadow var(--transition-base)}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);border:none;box-shadow:0 2px 8px rgba(59,130,246,.3)}.btn-primary:hover{box-shadow:0 4px 16px rgba(59,130,246,.4)}.btn-outline-light:hover{background:hsla(0,0%,100%,.1)}footer{background:rgba(30,41,59,.8);backdrop-filter:blur(8px);border-top:1px solid hsla(0,0%,100%,.08);color:rgb(176.6,199,221.4)}footer .social-links a{color:inherit;opacity:.7;transition:opacity var(--transition-base)}footer .social-links a:hover{opacity:1;color:#06b6d4}.hero-title{font-weight:800;letter-spacing:-0.03em;background:linear-gradient(135deg, #fff 0%, rgba(255, 255, 255, 0.8) 100%);-webkit-background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);background-clip:text}.feature-card{transition:transform var(--transition-base)}.feature-card:hover{transform:translateY(-4px)}.feature-card:hover .feature-icon{transform:scale(1.05)}.feature-card .feature-icon{transition:transform var(--transition-base);width:3rem;height:3rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:linear-gradient(135deg, rgba(59, 130, 246, 0.2) 0%, rgba(6, 182, 212, 0.15) 100%)}.avatar{width:4rem;height:4rem;font-size:1.5rem;background:linear-gradient(135deg, #3b82f6 0%, #06b6d4 100%);box-shadow:0 4px 12px rgba(59,130,246,.3)}.alert{border-radius:.5rem;border:1px solid rgba(0,0,0,0)}.dropdown-menu{background:#334155;border:1px solid hsla(0,0%,100%,.08);border-radius:.5rem;box-shadow:0 8px 24px rgba(0,0,0,.3)}.dropdown-menu .dropdown-item{color:#f8fafc;transition:background var(--transition-base)}.dropdown-menu .dropdown-item:hover{background:hsla(0,0%,100%,.06)}