#app{font-family:Avenir,Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50}*{margin:0;padding:0;box-sizing:border-box}body{width:100%}.main-header{background:linear-gradient(135deg,#fff,#f8f9fa);box-shadow:0 2px 12px rgba(123,185,247,.1);border-bottom:1px solid #e8f4ff;padding:0 40px;height:70px!important}.header-content{justify-content:space-between;max-width:1200px;margin:0 auto;height:100%}.header-content,.logo-section{display:flex;align-items:center}.logo-section{gap:12px}.logo-section .logo{width:50px;height:50px;border-radius:8px;-o-object-fit:contain;object-fit:contain}.logo-section .brand-name{font-size:20px;font-weight:600;color:#2c3e50;letter-spacing:.5px}.nav-menu{gap:8px}.nav-item,.nav-menu{display:flex;align-items:center;height:100%}.nav-item{justify-content:center;padding:0 20px;text-decoration:none;color:#5a6c7d;font-size:15px;font-weight:500;transition:all .3s ease;border-radius:6px;margin:0 2px;position:relative;min-width:90px}.nav-item:hover{background-color:#f0f7ff;color:#7bb9f7;transform:translateY(-1px)}.nav-item:after{content:"";position:absolute;bottom:0;left:50%;width:0;height:3px;background:#7bb9f7;transition:all .3s ease;transform:translateX(-50%);border-radius:2px 2px 0 0}.nav-item:hover:after{width:60%}.nav-item.active{background-color:#7bb9f7;color:#fff;box-shadow:0 2px 8px rgba(123,185,247,.3)}.nav-item.active:after{width:80%;background:#fff}.nav-item.active:hover{background-color:#6aa8e6;color:#fff}.login-btn{background:linear-gradient(135deg,#7bb9f7,#5ca4f5);color:#fff!important;border-radius:25px;margin-left:20px!important;padding:0 24px;height:40px!important;align-self:center;box-shadow:0 2px 8px rgba(123,185,247,.3)}.login-btn:hover{background:linear-gradient(135deg,#6aa8e6,#4a94e4);transform:translateY(-2px);box-shadow:0 4px 12px rgba(123,185,247,.4)}.login-btn.active{background:linear-gradient(135deg,#5ca4f5,#3d8de3);box-shadow:0 4px 12px rgba(123,185,247,.5)}@media(max-width:768px){.main-header{padding:0 20px;height:60px!important}.header-content{justify-content:center}.brand-name{display:none}.nav-menu{gap:4px}.nav-item{padding:0 12px;font-size:14px;min-width:70px}.login-btn{margin-left:10px!important;padding:0 16px;height:36px!important}}