:root{--brand-green: #053b2e;--brand-green-light: #0a5c48;--brand-gold: #c5a059;--brand-bg: #f5f6f2;--text-dark: #333333;--white: #ffffff;--rank-1: linear-gradient(90deg, #d4af37, #f1d57a);--rank-2: linear-gradient(90deg, #c0c0c0, #e8e8e8);--rank-3: linear-gradient(90deg, #cd7f32, #e5aa7a)}body{margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--brand-bg);color:var(--text-dark)}.container{max-width:1200px;margin:0 auto;padding:0 20px}.header{background-color:var(--brand-green);color:#fff;padding:12px 0}.header-content{display:flex;justify-content:space-between;align-items:center}.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.2rem;letter-spacing:1px}.logo-icon{background-color:#f3cc4b;padding:5px;border-radius:4px;color:var(--brand-green)}.nav{display:flex;gap:30px;align-items:center}.nav a{color:#fff;text-decoration:none;font-size:.9rem;font-weight:500}.nav a.active{border-bottom:2px solid #f3cc4b;padding-bottom:4px}.btn-connect{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff;padding:6px 15px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:8px}.hero{background:linear-gradient(180deg,var(--brand-green) 0%,var(--brand-green-light) 100%);color:#fff;text-align:center;padding:50px 0}.hero h1{font-size:2.5rem;margin:0;letter-spacing:2px}.hero-subtitle{display:flex;align-items:center;justify-content:center;gap:15px;margin:10px 0}.line{height:1px;width:80px;background-color:var(--brand-gold)}.top-text{color:var(--brand-gold);font-weight:700;letter-spacing:2px}.hero-footer{font-style:italic;font-size:.9rem;color:#a7f3d0;margin-top:15px}.main-grid{display:grid;grid-template-columns:2fr 1fr;gap:30px;margin-top:-30px}.card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;overflow:hidden}.table-header{padding:20px;border-bottom:1px solid #eee}.ranking-table{width:100%;border-collapse:collapse}.ranking-table th{text-align:left;padding:15px 20px;font-size:.8rem;color:#888;text-transform:uppercase}.ranking-table td{padding:12px 20px;font-weight:500}.row-1{background:var(--rank-1);color:#fff}.row-2{background:var(--rank-2)}.row-3{background:var(--rank-3)}.row-green{background:#22c55e;color:#fff}.row-white{background:#fff;color:var(--text-dark)}.row-striped{background:#f8f9fa;color:var(--text-dark)}.driver-info{display:flex;align-items:center;gap:12px}.avatar-small{width:38px;height:38px;border-radius:50%;border:2px solid white}.sidebar{display:flex;flex-direction:column;gap:20px}.search-box{padding:20px}.search-box h4{margin:0 0 15px;display:flex;align-items:center;gap:8px}.search-box input{width:100%;padding:10px;border:1px solid #ddd;border-radius:8px;background-color:#fafafa;box-sizing:border-box}.btn-search{width:100%;margin-top:12px;background-color:var(--brand-green);color:#fff;border:none;padding:10px;border-radius:8px;font-weight:700;cursor:pointer}.profile-card{background-color:var(--brand-green);color:#fff}.profile-header{background:#ffffff1a;padding:12px 15px;font-size:.9rem;font-weight:700}.profile-body{padding:30px 20px;text-align:center}.avatar-large-container{position:relative;width:100px;margin:0 auto 25px}.avatar-large{width:100px;height:100px;border-radius:50%;border:4px solid var(--brand-gold)}.id-badge{position:absolute;bottom:-10px;left:50%;transform:translate(-50%);background:#fff;color:#000;font-size:.7rem;padding:4px 12px;border-radius:20px;white-space:nowrap;font-weight:700;box-shadow:0 4px 6px #0000001a}.stats-list{text-align:left;margin-top:20px}.stat-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:.9rem}.stat-label{display:flex;align-items:center;gap:8px;color:#a7f3d0}.stat-value{font-weight:700}.stat-value.large{font-size:1.2rem;color:#4ade80}.profile-footer{background-color:#b48e3d;padding:10px;text-align:center;font-weight:700;font-size:.8rem}.footer{text-align:center;padding:40px 0;color:#888;font-size:.85rem;display:flex;align-items:center;justify-content:center;gap:15px}.login-container{display:flex;justify-content:center;align-items:center;min-height:400px;margin-top:-30px}.login-card{background:#fff;border-radius:12px;box-shadow:0 10px 25px #0000000d;padding:40px;width:100%;max-width:400px}.login-card h2{text-align:center;margin:0 0 30px;color:var(--brand-green);font-size:1.5rem;font-weight:700}.login-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--text-dark);font-size:.9rem}.form-group input{padding:12px 15px;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:border-color .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--brand-green-light)}.form-group input::placeholder{color:#9ca3af}.btn-connect-main{background:linear-gradient(135deg,var(--brand-green),var(--brand-green-light));color:#fff;border:none;padding:14px 20px;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;margin-top:10px}.btn-connect-main:hover{transform:translateY(-2px);box-shadow:0 8px 20px #053b2e4d}.btn-connect-main:active{transform:translateY(0)}@media (max-width: 768px){.main-grid{grid-template-columns:1fr;gap:15px;margin-top:-20px}.sidebar{position:sticky;top:0;z-index:10}.search-box{background:var(--brand-green);color:#fff;margin-bottom:15px}.search-box input{background:#ffffffe6;color:var(--text-dark)}.search-box h4{color:#fff}.profile-card{margin-top:0}.ranking-table{font-size:.85rem}.ranking-table th,.ranking-table td{padding:8px 10px}.driver-info{flex-direction:column;align-items:flex-start;gap:5px}.avatar-small{width:30px;height:30px}.hero h1{font-size:1.8rem}.container{padding:0 15px}}