:root{--background:#fff;--foreground:#111;--primary:#0ea5e9;--primary-dark:#0284c7;--primary-light:#38bdf8;--secondary:#1e40af;--accent:#3b82f6;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--success:#10b981;--warning:#f59e0b;--error:#ef4444;--info:#3b82f6;--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);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--transition-fast:150ms ease;--transition-base:300ms ease;--transition-slow:500ms ease;--hero-image:url(https://i.pinimg.com/1200x/89/72/a2/8972a238ab7ff1a442dd62c331baff4b.jpg)}*{box-sizing:border-box}body,html{padding:0;margin:0}body{background:var(--background);color:var(--foreground);font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,Helvetica Neue,Arial,Apple Color Emoji,Segoe UI Emoji;line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:var(--primary);text-decoration:none;transition:color var(--transition-fast)}h1,h2,h3,h4,h5,h6{line-height:1.2;font-weight:700;color:var(--gray-900)}p{margin-bottom:1rem}.container{max-width:1100px;margin:0 auto;padding:24px 16px}.page-content{margin-top:80px;min-height:calc(100vh - 80px)}.page-header{text-align:center;margin-bottom:3rem;padding:2rem 0;background:linear-gradient(135deg,#f8fafc,#e1f5fe);border-radius:16px;border:1px solid rgba(59,130,246,.1)}.page-title{font-size:2.5rem;font-weight:700;color:#1f2937;margin-bottom:1rem}.page-subtitle{font-size:1.2rem;color:#6b7280;max-width:600px;margin:0 auto;line-height:1.6}.content-section{margin:3rem 0;padding:2rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;box-shadow:0 4px 12px rgba(14,165,233,.1);border:1px solid rgba(14,165,233,.1)}.section-title{font-size:1.8rem;color:#1f2937;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.section-title:after{content:"";position:absolute;bottom:0;left:0;width:60px;height:3px;background:linear-gradient(90deg,#1e40af,#3b82f6,#0ea5e9);border-radius:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));grid-gap:24px;gap:24px;margin-top:24px}@media (max-width:768px){.grid{grid-template-columns:1fr;gap:16px}}.card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);overflow:hidden;background:#fff;transition:all var(--transition-base);box-shadow:var(--shadow-sm);position:relative}.card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--primary),var(--accent));opacity:0;transition:opacity var(--transition-base)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl);border-color:var(--primary-light)}.card:hover:before{opacity:1}.card-body{padding:20px}.card-title{font-weight:700;font-size:1.25rem;margin:0 0 8px;color:var(--gray-900)}.card-sub{color:var(--gray-500);font-size:.875rem;margin:0 0 12px}.card-text{color:var(--gray-600);font-size:.95rem;line-height:1.6}.input,.select,.textarea{width:100%;padding:12px 16px;border-radius:var(--radius-md);border:2px solid var(--gray-200);background:#fff;color:var(--foreground);font-size:1rem;font-family:inherit;transition:all var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px rgba(14,165,233,.1)}.input:disabled,.select:disabled,.textarea:disabled{background:var(--gray-100);cursor:not-allowed;opacity:.6}.textarea{min-height:120px;resize:vertical}.label{display:block;margin-bottom:8px;font-weight:600;color:var(--gray-700);font-size:.95rem}.form-group{margin-bottom:1.5rem}.form-error{color:var(--error);font-size:.875rem;margin-top:4px}.button{padding:12px 24px;border-radius:var(--radius-md);border:none;background:linear-gradient(135deg,var(--secondary) 0,var(--accent) 100%);color:#fff;font-weight:600;font-size:1rem;cursor:pointer;transition:all var(--transition-base);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none}.button:hover{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.button:active{transform:translateY(0)}.button:disabled{opacity:.5;cursor:not-allowed;transform:none}.button-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.button-secondary:hover{background:var(--primary);color:#fff}.button-outline{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}.button-outline:hover{background:var(--primary);color:#fff}.button-sm{padding:8px 16px;font-size:.875rem}.button-lg{padding:16px 32px;font-size:1.125rem}.button-success{background:var(--success)}.button-success:hover{background:#059669}.button-danger{background:var(--error)}.button-danger:hover{background:#dc2626}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mt-3{margin-top:1.5rem}.mt-4{margin-top:2rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.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-2{gap:.5rem}.gap-4{gap:1rem}.badge{display:inline-block;padding:4px 12px;border-radius:var(--radius-sm);font-size:.875rem;font-weight:600;background:var(--gray-100);color:var(--gray-700)}.badge-primary{background:var(--primary);color:#fff}.badge-success{background:var(--success);color:#fff}.badge-warning{background:var(--warning);color:#fff}.badge-error{background:var(--error);color:#fff}.alert{padding:16px;border-radius:var(--radius-md);margin-bottom:1rem;border-left:4px solid}.alert-info{background:#dbeafe;border-color:var(--info);color:#1e40af}.alert-success{background:#d1fae5;border-color:var(--success);color:#065f46}.alert-warning{background:#fef3c7;border-color:var(--warning);color:#92400e}.alert-error{background:#fee2e2;border-color:var(--error);color:#991b1b}.loading-spinner{border-top:3px solid var(--gray-200);border:3px solid var(--gray-200);border-top-color:var(--primary);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.footer{border-top:1px solid var(--gray-200);background:var(--gray-50);color:var(--gray-600)}.NavBar_navbar__rnjKG{top:0;left:0;width:100%;z-index:50;transition:all .3s ease}.NavBar_floating__ErUfu{position:absolute;background:#00000066;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1)}.NavBar_fixed__7Fipq{position:fixed;background-color:#fff;box-shadow:0 2px 10px rgba(0,0,0,.1);color:#111}.NavBar_inner__EOZuy{display:grid;grid-template-columns:auto 1fr auto;align-items:center;grid-gap:32px;gap:32px;width:100%;max-width:1400px;margin:0 auto;padding:28px 24px}.NavBar_fixed__7Fipq .NavBar_inner__EOZuy{color:#111}.NavBar_floating__ErUfu .NavBar_inner__EOZuy{color:#fff}.NavBar_brand__JIbLR{display:flex;align-items:center;gap:8px;font-size:36px;text-decoration:none}.NavBar_brandText__8SZUl{font-style:italic;color:#fff}.NavBar_brandYear__UjnI7{color:wheat;font-weight:400}.NavBar_fixed__7Fipq .NavBar_brandText__8SZUl{color:#0ea5e9}.NavBar_fixed__7Fipq .NavBar_brandYear__UjnI7{color:wheat}.NavBar_navlink___w2oQ{text-decoration:none;color:inherit;font-weight:500;font-size:16px;transition:all .2s ease;padding:8px 12px;border-radius:8px}.NavBar_fixed__7Fipq .NavBar_navlink___w2oQ:hover{background:rgba(14,165,233,.1)}.NavBar_floating__ErUfu .NavBar_navlink___w2oQ:hover{background:hsla(0,31%,94%,.811)}@media (hover:none){.NavBar_navlink___w2oQ:hover{color:inherit;background:none}}.NavBar_asButton__n3dT5{background:none;border:none;cursor:pointer;font-size:16px;color:inherit;font-weight:500;transition:all .2s ease;padding:8px 12px;border-radius:8px;font-family:inherit}.NavBar_fixed__7Fipq .NavBar_asButton__n3dT5:hover{background:rgba(14,165,233,.1);color:#0ea5e9}.NavBar_floating__ErUfu .NavBar_asButton__n3dT5:hover{background:hsla(0,0%,100%,.15);color:#fff}.NavBar_hasSub__hvyYL{position:relative}.NavBar_chevron__B_QtX{display:none}.NavBar_submenu__tyriq{position:absolute;top:100%;left:0;display:none;min-width:220px;background:#fff;border:1px solid rgba(0,0,0,.06);border-radius:10px;padding:8px;list-style:none}.NavBar_submenu__tyriq a{display:block;padding:8px 10px;border-radius:8px;color:#111}.NavBar_submenu__tyriq a:hover{background:rgba(0,0,0,.05)}.NavBar_hasSub__hvyYL:focus-within>.NavBar_submenu__tyriq,.NavBar_hasSub__hvyYL:hover>.NavBar_submenu__tyriq{display:block}.NavBar_menubar__dctHS{display:flex;gap:8px;list-style:none;margin:0;padding:0;font-size:16px;align-items:center;justify-content:center}.NavBar_authButtons__kOJWG{display:flex;gap:12px;align-items:center}.NavBar_loginBtn__0v2P2{background:transparent;border:2px solid;text-decoration:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:15px;transition:all .3s ease;cursor:pointer;white-space:nowrap}.NavBar_fixed__7Fipq .NavBar_loginBtn__0v2P2{border-color:#0ea5e9;color:#0ea5e9}.NavBar_fixed__7Fipq .NavBar_loginBtn__0v2P2:hover{background:#0ea5e9;color:#fff}.NavBar_floating__ErUfu .NavBar_loginBtn__0v2P2{border-color:#fff;color:#fff}.NavBar_floating__ErUfu .NavBar_loginBtn__0v2P2:hover{background:#fff;color:#1e40af}.NavBar_registerBtn___EuZe{background:linear-gradient(135deg,#1e40af6d,#aeccfd);color:#fff;text-decoration:none;padding:10px 24px;border-radius:8px;font-weight:600;font-size:15px;border:none;transition:all .3s ease;box-shadow:0 2px 8px rgba(59,130,246,.3);cursor:pointer;white-space:nowrap}.NavBar_registerBtn___EuZe:hover{background:linear-gradient(135deg,#1e3a8a,#1d4ed8);transform:translateY(-2px);box-shadow:0 4px 12px rgba(59,130,246,.4)}.NavBar_dashboardBtn__clro6{background:rgba(14,165,233,.1);color:#0ea5e9;padding:10px 24px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid #0ea5e9;transition:all .3s ease;cursor:pointer;white-space:nowrap}.NavBar_floating__ErUfu .NavBar_dashboardBtn__clro6{background:hsla(0,0%,100%,.2);color:#fff!important;border-color:#fff}.NavBar_dashboardBtn__clro6:hover{background:#0ea5e9;color:#fff!important}.NavBar_floating__ErUfu .NavBar_dashboardBtn__clro6:hover{background:#fff;color:#1e40af!important}.NavBar_logoutBtn__ri7V5{background:transparent;color:#ef4444;padding:10px 24px;border-radius:8px;font-weight:600;font-size:15px;border:2px solid #ef4444;transition:all .3s ease;cursor:pointer;white-space:nowrap}.NavBar_floating__ErUfu .NavBar_logoutBtn__ri7V5{color:#fff!important;border-color:#fff}.NavBar_logoutBtn__ri7V5:hover{background:#ef4444;color:#fff!important}.NavBar_floating__ErUfu .NavBar_logoutBtn__ri7V5:hover{background:#fff;color:#ef4444!important}.NavBar_menuToggle___aZer{display:none}@media (max-width:768px){.NavBar_inner__EOZuy{padding:16px 24px;grid-template-columns:1fr auto auto;gap:12px}.NavBar_brand__JIbLR{font-size:24px}.NavBar_authButtons__kOJWG{display:flex;gap:8px;order:2}.NavBar_authButtons__kOJWG .NavBar_dashboardBtn__clro6,.NavBar_authButtons__kOJWG .NavBar_loginBtn__0v2P2,.NavBar_authButtons__kOJWG .NavBar_logoutBtn__ri7V5,.NavBar_authButtons__kOJWG .NavBar_registerBtn___EuZe{padding:8px 16px;font-size:13px}.NavBar_menuToggle___aZer{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;font-size:20px;border-radius:12px;border:2px solid;color:inherit;transition:all .2s ease;cursor:pointer;background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);order:3}.NavBar_floating__ErUfu .NavBar_menuToggle___aZer{color:#fff;border-color:hsla(0,0%,100%,.3)}.NavBar_fixed__7Fipq .NavBar_menuToggle___aZer{color:#0ea5e9;border-color:rgba(14,165,233,.3)}.NavBar_menubar__dctHS{position:absolute;top:100%;left:0;right:0;display:none;flex-direction:column;gap:4px;background:inherit;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:0 0 20px 20px;padding:20px 16px 24px;box-shadow:0 8px 32px rgba(0,0,0,.2);animation:NavBar_slideDown__lk7hH .3s ease-out;max-height:calc(100vh - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch}.NavBar_floating__ErUfu .NavBar_menubar__dctHS{background:rgba(0,0,0,.85);border-top:1px solid hsla(0,0%,100%,.1)}.NavBar_fixed__7Fipq .NavBar_menubar__dctHS{background:hsla(0,0%,100%,.98);border-top:1px solid rgba(0,0,0,.08)}@keyframes NavBar_slideDown__lk7hH{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.NavBar_open__qqDIZ{display:flex}.NavBar_menubar__dctHS>li{padding:0;border-radius:12px;overflow:hidden}.NavBar_menubar__dctHS .NavBar_navlink___w2oQ{padding:14px 16px;font-size:16px;font-weight:500;border-radius:12px;transition:all .2s ease;display:block;color:inherit}.NavBar_floating__ErUfu .NavBar_menubar__dctHS .NavBar_navlink___w2oQ{color:#fff}.NavBar_fixed__7Fipq .NavBar_menubar__dctHS .NavBar_navlink___w2oQ{color:#111}.NavBar_floating__ErUfu .NavBar_menubar__dctHS .NavBar_navlink___w2oQ:hover{background:hsla(0,0%,100%,.1);transform:translateX(4px)}.NavBar_fixed__7Fipq .NavBar_menubar__dctHS .NavBar_navlink___w2oQ:hover{background:rgba(0,0,0,.05);transform:translateX(4px)}.NavBar_submenu__tyriq{position:static;min-width:auto;box-shadow:none;border:none;padding:8px 0 12px 20px;display:none;border-radius:12px;margin:8px 0 4px;animation:NavBar_expandSubmenu__jLS_9 .25s ease-out}.NavBar_floating__ErUfu .NavBar_submenu__tyriq{background:hsla(0,0%,100%,.05)}.NavBar_fixed__7Fipq .NavBar_submenu__tyriq{background:rgba(0,0,0,.02)}@keyframes NavBar_expandSubmenu__jLS_9{0%{opacity:0;max-height:0;padding:0 0 0 20px}to{opacity:1;max-height:300px;padding:8px 0 12px 20px}}.NavBar_submenuOpen__bfmQ7{display:block}.NavBar_submenu__tyriq a{padding:10px 16px;font-size:15px;font-weight:400;border-radius:8px;transition:all .2s ease;display:block;color:inherit;opacity:.85}.NavBar_floating__ErUfu .NavBar_submenu__tyriq a{color:#fff}.NavBar_fixed__7Fipq .NavBar_submenu__tyriq a{color:rgba(0,0,0,.75)}.NavBar_floating__ErUfu .NavBar_submenu__tyriq a:hover{background:hsla(0,0%,100%,.15);opacity:1;transform:translateX(2px)}.NavBar_fixed__7Fipq .NavBar_submenu__tyriq a:hover{background:rgba(0,0,0,.08);color:#111;transform:translateX(2px)}.NavBar_hasSub__hvyYL:hover>.NavBar_submenu__tyriq:not(.NavBar_submenuOpen__bfmQ7){display:none}.NavBar_asButton__n3dT5{width:100%;text-align:left;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:500;border-radius:12px;transition:all .2s ease;background:none;border:none;cursor:pointer;color:#111}.NavBar_asButton__n3dT5:hover{background:rgba(0,0,0,.05);transform:translateX(4px)}.NavBar_asButton__n3dT5[aria-expanded=true]{background:rgba(0,0,0,.08);color:#111}.NavBar_chevron__B_QtX{display:inline-block;transition:transform .25s ease;font-size:14px;opacity:.6;font-weight:700}.NavBar_expanded__reIne .NavBar_chevron__B_QtX{transform:rotate(180deg);opacity:.8}}