@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";body{color:#171717;background:#f7f8fc;margin:0;font-family:Inter,Arial,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{color:#171717;background:#f7f8fc;font-family:Inter,Arial,sans-serif}button,input{font-family:inherit}.app{background:#f7f8fc;min-height:100vh}.navbar{background:#fff;border-bottom:1px solid #e8e8e8;justify-content:space-between;align-items:center;height:76px;padding:0 7%;display:flex}.logo{letter-spacing:-1px;color:#171717;font-size:22px;font-weight:800}.logo span{color:#6c4ce8}.nav-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:8px;padding:10px 20px;font-size:14px;font-weight:600;transition:all .2s}.nav-btn:hover{background:#f5f5f5;border-color:#ccc}.auth-container{justify-content:center;align-items:center;min-height:calc(100vh - 76px);padding:50px 20px;display:flex}.auth-card{background:#fff;border:1px solid #e5e5e5;border-radius:18px;width:100%;max-width:440px;padding:42px;box-shadow:0 15px 45px #00000012}.auth-heading{margin-bottom:32px}.eyebrow{color:#6c4ce8;letter-spacing:2px;margin-bottom:12px;font-size:12px;font-weight:700}.auth-heading h1{color:#171717;margin-bottom:12px;font-size:32px;line-height:1.15}.auth-heading p{color:#777;font-size:14px;line-height:1.6}form{flex-direction:column;display:flex}label{color:#444;margin-bottom:8px;font-size:13px;font-weight:600}input{color:#171717;background:#fff;border:1px solid #dcdcdc;border-radius:9px;outline:none;width:100%;margin-bottom:20px;padding:14px 15px;font-size:14px;transition:all .2s}input::placeholder{color:#999}input:focus{border-color:#6c4ce8;box-shadow:0 0 0 3px #6c4ce81a}.primary-btn{color:#fff;cursor:pointer;background:#6c4ce8;border:none;border-radius:9px;width:100%;margin-top:6px;padding:14px;font-size:14px;font-weight:700;transition:all .2s}.primary-btn:hover{background:#593bd0}.primary-btn:active{transform:scale(.99)}.switch-text{color:#777;text-align:center;margin-top:24px;font-size:14px}.text-btn{color:#6c4ce8;cursor:pointer;background:0 0;border:none;margin-left:5px;font-size:14px;font-weight:600}.text-btn:hover{color:#593bd0}.events-container{max-width:1200px;margin:auto;padding:70px 30px}.events-header{margin-bottom:45px}.events-header h1{letter-spacing:-2px;color:#171717;margin-bottom:12px;font-size:48px}.events-header p{color:#777;font-size:16px;line-height:1.6}.events-grid{grid-template-columns:repeat(3,1fr);gap:22px;display:grid}.event-card{background:#fff;border:1px solid #e5e5e5;border-radius:16px;padding:25px;transition:transform .2s,box-shadow .2s}.event-card:hover{transform:translateY(-4px);box-shadow:0 15px 35px #00000014}.event-top{justify-content:space-between;align-items:center;margin-bottom:28px;display:flex}.category{color:#6c4ce8;text-transform:uppercase;background:#f0ecff;border-radius:6px;padding:6px 10px;font-size:11px;font-weight:700}.fee{color:#222;font-size:15px;font-weight:700}.event-card h2{color:#171717;margin-bottom:28px;font-size:23px;line-height:1.3}.event-info{border-bottom:1px solid #eee;gap:50px;padding-bottom:25px;display:flex}.event-info div{flex-direction:column;gap:6px;display:flex}.event-info span{color:#999;letter-spacing:1px;font-size:10px;font-weight:700}.event-info strong{color:#333;font-size:14px}.register-btn{color:#fff;cursor:pointer;background:#6c4ce8;border:1px solid #6c4ce8;border-radius:8px;width:100%;margin-top:22px;padding:13px;font-size:14px;font-weight:700;transition:all .2s}.register-btn:hover{background:#593bd0}.register-btn:active{transform:scale(.99)}.register-btn:disabled{color:#999;cursor:not-allowed;background:#eee;border-color:#eee}.message{color:#333;text-align:center;background:#fff;border:1px solid #ddd;border-radius:8px;margin-top:20px;padding:13px 18px;font-size:14px;box-shadow:0 8px 25px #00000014}.empty-state{text-align:center;color:#777;background:#fff;border:1px dashed #d8d8d8;border-radius:16px;padding:80px 20px}.empty-state h2{color:#333;margin-bottom:8px}.empty-state p{font-size:14px}.auth-card .primary-btn+.message{margin-top:20px}@media (width<=900px){.events-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=600px){.navbar{padding:0 20px}.auth-container{padding:35px 20px}.auth-card{padding:30px 24px}.auth-heading h1{font-size:28px}.events-container{padding:45px 20px}.events-header h1{font-size:36px}.events-grid{grid-template-columns:1fr}.event-info{gap:35px}}