.developer-portal{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);min-height:100vh;padding-bottom:4rem}.portal-header{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border-bottom:1px solid #fff3;padding:3rem 2rem}.header-content{max-width:1200px;margin:0 auto}.portal-title{margin:0 0 1rem;font-size:3.5rem;font-weight:900}.gradient-text{background:linear-gradient(135deg,#fff 0%,#f0f0f0 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.portal-subtitle{color:#ffffffe6;margin:0;font-size:1.5rem}.portal-nav{justify-content:center;gap:1rem;max-width:1200px;margin:2rem auto 0;padding:0 2rem;display:flex}.nav-button{color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:12px;padding:1rem 2rem;font-size:1.125rem;font-weight:700;transition:all .3s}.nav-button:hover{background:#fff3;border-color:#ffffff80;transform:translateY(-2px)}.nav-button.active{color:#667eea;background:#fff;border-color:#fff;box-shadow:0 8px 16px #0003}.portal-content{max-width:1400px;margin:3rem auto;padding:0 2rem}@media (max-width:768px){.portal-title{font-size:2rem}.portal-nav{flex-direction:column}.nav-button{width:100%}}