*{margin:0;padding:0;box-sizing:border-box;font-family:'Segoe UI',sans-serif;}
body{background:#f5f7fb;color:#0A1931;overflow-x:hidden;}
nav{background:#0A1931;color:white;display:flex;justify-content:space-between;padding:15px 5%;align-items:center;position:sticky;top:0;z-index:1000;}
.logo{color:#FFD700;letter-spacing:2px;font-weight:800;}
nav ul{display:flex;list-style:none;gap:20px;}
nav a{color:white;text-decoration:none;font-weight:500;}
nav a:hover{color:#FFD700;}
.hero{position:relative;height:90vh;background:#0A1931;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;}
.slider{position:absolute;top:0;left:0;width:100%;height:100%;}
.slide{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity 1.2s ease;}
.slide.active{opacity:0.55;}
.hero-text{position:relative;z-index:2;color:white;padding:0 20px;}
.hero-text h1{font-size:clamp(2rem,6vw,3.5rem);}
.hero-text span{color:#FFD700;}
.hero-text p{margin-top:10px;font-size:1.1rem;opacity:0.9;}
.btn{display:inline-block;margin-top:20px;background:#FFD700;color:#0A1931;padding:14px 30px;border-radius:30px;text-decoration:none;font-weight:bold;letter-spacing:1px;}
.btn:hover{background:white;transform:scale(1.05);transition:0.3s;}
section{padding:60px 5%;}
section h2{color:#0A1931;border-left:5px solid #FFD700;padding-left:15px;margin-bottom:20px;}
.project-card{background:white;padding:25px;border-radius:15px;max-width:600px;box-shadow:0 10px 30px rgba(10,25,49,0.1);border-bottom:4px solid #FFD700;}
#contact{background:#0A1931;color:white;}
#contact h2{color:#FFD700;border-left-color:white;}
@media(max-width:768px){nav{padding:15px 20px;}nav ul{gap:12px;font-size:0.9rem;}.hero{height:75vh;}section{padding:40px 20px;}}
footer{background:#0A1931 !important;color:white;text-align:center;padding:40px 20px;margin-top:0;border-top:1px solid #FFC300;}
footer h3{color:#FFD700;margin:0;font-size:24px;}
footer p{margin:10px 0;opacity:0.9;}
#contact{background:#0A1931 !important;color:white !important;margin-bottom:0 !important;padding-bottom:50px;}
#contact p, #contact h2 {color:white !important;}
#contact h2 {color:#FFC300 !important;}

/* ===== NEXUS AI CHAT BUBBLE (Meta AI Style) ===== */
.nexus-toggle {
  position: fixed; bottom: 24px; right: 24px; width: 64px; height: 64px;
  border-radius: 50%; background: radial-gradient(circle at 30% 30%, #FFD700, #FF8C00);
  color: #0A1128; border: none; cursor: pointer;
  box-shadow: 0 0 20px rgba(255, 215, 0, 0.6), 0 4px 15px rgba(0,0,0,0.4);
  z-index: 9998; transition: all 0.3s ease;
  display: flex; align-items: center; justify-content: center;
}
.nexus-toggle:hover { transform: scale(1.1); box-shadow: 0 0 30px rgba(255, 215, 0, 0.9); }
.nexus-icon { font-size: 26px; font-weight: 900; position: relative; z-index: 2; color: #0A1128; }

.nexus-pulse {
  position: absolute; width: 100%; height: 100%; border-radius: 50%;
  background: #FFD700; opacity: 0.6; animation: nexusPulse 2s infinite; z-index: 1;
}
@keyframes nexusPulse {
  0% { transform: scale(1); opacity: 0.6; }
  70% { transform: scale(1.5); opacity: 0; }
  100% { transform: scale(1.5); opacity: 0; }
}

.nexus-window {
  position: fixed; bottom: 100px; right: 24px; width: 370px; height: 520px;
  background: #0A1128; border: 1px solid #1B2A4E; border-radius: 20px;
  display: none; flex-direction: column;
  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.7); z-index: 9999;
  overflow: hidden; font-family: Arial, sans-serif; animation: nexusSlideUp 0.3s ease;
}
.nexus-window.open { display: flex; }
@keyframes nexusSlideUp {
  from { opacity: 0; transform: translateY(20px); }
  to { opacity: 1; transform: translateY(0); }
}

.nexus-header {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
  color: #0A1128; padding: 14px 16px;
  display: flex; justify-content: space-between; align-items: center;
}
.nexus-header-info { display: flex; align-items: center; gap: 10px; }
.nexus-avatar {
  width: 42px; height: 42px; border-radius: 50%; background: #0A1128;
  color: #FFC300; display: flex; align-items: center; justify-content: center;
  font-weight: 900; font-size: 22px; box-shadow: 0 0 10px rgba(255, 195, 0, 0.5);
}
.nexus-header h3 { margin: 0; font-size: 16px; font-weight: 700; }
.nexus-header span { font-size: 12px; display: flex; align-items: center; gap: 4px; opacity: 0.9; }
.nexus-dot {
  width: 8px; height: 8px; border-radius: 50%; background: #22C55E;
  display: inline-block; box-shadow: 0 0 6px #22C55E;
}
.nexus-close {
  background: none; border: none; font-size: 20px;
  cursor: pointer; color: #0A1128; line-height: 1; opacity: 0.7;
}
.nexus-close:hover { opacity: 1; }

.nexus-messages {
  flex: 1; padding: 16px; overflow-y: auto;
  display: flex; flex-direction: column; gap: 10px; background: #0A1128;
}
.nexus-message {
  padding: 12px 16px; border-radius: 16px; max-width: 85%;
  font-size: 14px; line-height: 1.4; word-wrap: break-word;
  box-shadow: 0 2px 5px rgba(0,0,0,0.2);
}
.nexus-bot {
  background: #1B2A4E; color: #FFFFFF;
  align-self: flex-start; border-bottom-left-radius: 4px;
}
.nexus-user {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
  color: #0A1128; align-self: flex-end;
  border-bottom-right-radius: 4px; font-weight: 600;
}

.nexus-input-area {
  display: flex; padding: 12px; background: #1B2A4E; gap: 8px;
  border-top: 1px solid #2E4270;
}
.nexus-input-area input {
  flex: 1; padding: 12px; border-radius: 10px;
  border: 1px solid #2E4270; background: #0A1128;
  color: #FFFFFF; font-size: 14px; outline: none;
}
.nexus-input-area input:focus { border-color: #FFC300; }
.nexus-send {
  background: linear-gradient(135deg, #FFD700 0%, #FFA500 100%);
  color: #0A1128; border: none; border-radius: 10px;
  padding: 0 16px; font-size: 18px; cursor: pointer;
  display: flex; align-items: center; justify-content: center;
}
.nexus-send:hover { opacity: 0.9; }

@media (max-width: 480px) {
  .nexus-window { width: calc(100vw - 32px); height: 70vh; right: 16px; bottom: 90px; }
  .nexus-toggle { bottom: 16px; right: 16px; }
}