@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";
:root{--primary:#d6b7b5;--primary-rgb:214, 183, 181;--secondary:#3c5060;--secondary-rgb:60, 80, 96;--background:#fdfaf9;--foreground:#3d3d3d;--white:#fff;--cyan:#1cabaa;--pink:#e2cccb;--grey-text:#7a7a7a;--glass-bg:#fff6;--glass-border:#ffffff4d;--shadow:#00000014;--input-bg:rgba(var(--primary-rgb), .05);--card-hover:rgba(var(--primary-rgb), .1);--icon-filter:brightness(0);--primary-filter:brightness(0) invert(84%) sepia(12%) saturate(464%) hue-rotate(315deg) brightness(89%) contrast(85%);--unselected-filter:brightness(0) invert(24%)}[data-theme=dark]{--background:#0b1014;--foreground:#e0e0e0;--secondary:#d1d9e0;--secondary-rgb:209, 217, 224;--primary-rgb:180, 154, 150;--grey-text:#a0a0a0;--glass-bg:#0f172a99;--glass-border:#ffffff14;--shadow:#0009;--input-bg:#ffffff08;--card-hover:#ffffff0d;--white:#0b1014;--icon-filter:brightness(0) invert(1);--primary-filter:brightness(0) invert(84%) sepia(12%) saturate(464%) hue-rotate(315deg) brightness(89%) contrast(85%) brightness(1.2);--unselected-filter:brightness(0) invert(60%)}*{box-sizing:border-box;margin:0;padding:0;transition:background-color .3s,color .3s,border-color .3s,box-shadow .3s}a{color:inherit;text-decoration:none}html,body{max-width:100vw;height:100%;overflow-x:hidden}body{color:var(--foreground);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-attachment:fixed;background-image:radial-gradient(at 0% 0%, rgba(var(--primary-rgb), .15) 0px, transparent 50%), radial-gradient(at 100% 100%, rgba(var(--secondary-rgb), .1) 0px, transparent 50%), radial-gradient(at 100% 0%, rgba(var(--primary-rgb), .05) 0px, transparent 50%);font-family:Plus Jakarta Sans,sans-serif;line-height:1.6}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);box-shadow:0 8px 32px 0 var(--shadow)}.glass-heavy{-webkit-backdrop-filter:blur(20px);box-shadow:0 12px 40px 0 var(--shadow);background:#fff9;border:1px solid #fff6}[data-theme=dark] .glass-heavy{-webkit-backdrop-filter:blur(25px);background:#ffffff0d;border:1px solid #ffffff1a}.logo-glass{-webkit-backdrop-filter:none;width:150px;height:150px;box-shadow:none;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;margin:0 auto;display:flex;position:relative;overflow:hidden}[data-theme=dark] .logo-glass{background:0 0;border:none}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.btn-primary{background:var(--primary);color:#fff;cursor:pointer;box-shadow:0 4px 15px rgba(var(--primary-rgb), .3);border:none;border-radius:12px;padding:12px 32px;font-weight:600;transition:all .3s}.btn-primary:hover{box-shadow:0 6px 20px rgba(var(--primary-rgb), .4);transform:translateY(-2px)}.btn-glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--primary);color:var(--primary);cursor:pointer;border-radius:12px;padding:12px 32px;font-weight:600;transition:all .3s}.btn-glass:hover{background:var(--primary);color:#fff}h1,h2,h3,h4{color:var(--secondary);font-weight:700}[data-theme=dark] h1,[data-theme=dark] h2,[data-theme=dark] h3,[data-theme=dark] h4{color:var(--foreground)}.text-gradient{background:linear-gradient(135deg, var(--primary), var(--cyan));-webkit-text-fill-color:transparent;-webkit-background-clip:text}.logo-glass-small{-webkit-backdrop-filter:blur(10px);background:linear-gradient(135deg,#fff6,#ffffff1a);border:1px solid #ffffff80;border-radius:50%;justify-content:center;align-items:center;width:45px;height:45px;display:flex;overflow:hidden;box-shadow:0 4px 15px #0000000d}[data-theme=dark] .logo-glass-small{background:linear-gradient(135deg,#ffffff1a,#ffffff0d);border:1px solid #ffffff0d}input:-webkit-autofill{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondary)!important}input:-webkit-autofill:hover{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondary)!important}input:-webkit-autofill:focus{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondary)!important}input:-webkit-autofill:active{transition:background-color 5000s ease-in-out;-webkit-text-fill-color:var(--secondary)!important}.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}.z-50{z-index:50}.w-full{width:100%}.transition-all{transition:all .3s}.duration-300{transition-duration:.3s}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-4{padding-top:1rem;padding-bottom:1rem}.glass{background:var(--glass-bg);-webkit-backdrop-filter:blur(25px)}.menu-item{color:var(--secondary);cursor:pointer;border-radius:12px;align-items:center;gap:12px;padding:12px 15px;font-size:14px;font-weight:500;text-decoration:none;transition:all .2s;display:flex}.menu-item:hover{background:rgba(var(--primary-rgb), .1);transform:translate(5px)}.menu-item.logout-hover:hover{background:#ff44441a}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:.3s forwards fadeIn}@media (max-width:768px){.desktop-only{display:none!important}section{padding:60px 20px!important}h1{font-size:32px!important}h2{font-size:28px!important}}@media (min-width:769px){.mobile-only{display:none!important}}.no-scroll-x{max-width:100%;overflow-x:hidden}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--background)}::-webkit-scrollbar-thumb{background:var(--primary);border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--secondary)}