@import url('https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,300;1,400&family=JetBrains+Mono:wght@400;500&display=swap');

/* ── CSS Variables ─────────────────────────────────────── */
:root {
  --font-display: 'Be Vietnam Pro', sans-serif;
  --font-body: 'Be Vietnam Pro', sans-serif;
  --font-mono: 'JetBrains Mono', monospace;
  --primary: #0066FF;
  --primary-light: #3B8BFF;
  --primary-dark: #0047CC;
  --primary-dim: rgba(0, 102, 255, 0.15);
  --accent: #00D4FF;
  --accent-dim: rgba(0, 212, 255, 0.12);
  --accent-warm: #0EA5E9;
  --bg-base: #020510;
  --bg-surface: #040B1A;
  --bg-card: rgba(0, 102, 255, 0.04);
  --bg-dark: #020510;
  --border: rgba(0, 102, 255, 0.15);
  --border-subtle: rgba(255, 255, 255, 0.05);
  --text-primary: #EEF4FF;
  --text-muted: rgba(220, 235, 255, 0.75);
  --text-dim: rgba(130, 170, 255, 0.45);
  --accent-glow: rgba(0, 212, 255, 0.3);
}

/* ── Reset ─────────────────────────────────────────────── */
*, *::before, *::after { margin: 0; padding: 0; box-sizing: border-box; }
html { scroll-padding-top: 80px; overflow-x: hidden; }
body {
  background-color: var(--bg-base);
  color: var(--text-primary);
  font-family: var(--font-body);
  font-size: 1rem;
  line-height: 1.6;
  overflow-x: hidden;
  cursor: none;
  max-width: 100vw;
  -webkit-font-smoothing: antialiased;
}
h1,h2,h3,h4,h5,h6 { font-family: var(--font-display); font-weight: 600; line-height: 1.2; color: white; }
h1 { font-size: 2.75rem; letter-spacing: -0.03em; }
h2 { font-size: 2.25rem; letter-spacing: -0.02em; }
h3 { font-size: 1.5rem; letter-spacing: -0.01em; }
h4 { font-size: 1.25rem; }
@media (min-width: 1024px) { h1 { font-size: 3.5rem; } h2 { font-size: 2.75rem; } h3 { font-size: 1.75rem; } }
p { font-family: var(--font-body); font-size: 1rem; color: var(--text-muted); }
a { text-decoration: none; color: inherit; }
ul, ol { list-style: none; }
button { background: none; border: none; cursor: pointer; font-family: inherit; }
img { max-width: 100%; }

/* ── Scrollbar ──────────────────────────────────────────── */
::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg-base); }
::-webkit-scrollbar-thumb { background: var(--primary); border-radius: 2px; }

/* ── Custom Cursor ──────────────────────────────────────── */
.cursor-dot { width:6px;height:6px;background:var(--accent);border-radius:50%;position:fixed;pointer-events:none;z-index:999999;mix-blend-mode:screen;transition:transform 0.08s ease; }
.cursor-ring { width:36px;height:36px;border:1.5px solid rgba(0,102,255,0.5);border-radius:50%;position:fixed;pointer-events:none;z-index:999998;transition:transform 0.14s ease,width 0.2s,height 0.2s,border-color 0.2s; }
.cursor-ring.hovered { width:56px;height:56px;border-color:var(--accent);background:rgba(0,212,255,0.04); }
@media (max-width:768px) { body { cursor:auto; } .cursor-dot,.cursor-ring { display:none; } }

/* ── Noise texture ──────────────────────────────────────── */
body::before { content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='1'/%3E%3C/svg%3E");opacity:0.018;pointer-events:none;z-index:9990; }

/* ── Glow utilities ─────────────────────────────────────── */
.glow-text-primary { text-shadow:0 0 30px rgba(0,102,255,0.8),0 0 60px rgba(0,102,255,0.4),0 0 120px rgba(0,102,255,0.15); }
.glow-box-primary { box-shadow:0 0 20px rgba(0,102,255,0.3),0 0 60px rgba(0,102,255,0.12),inset 0 1px 0 rgba(255,255,255,0.08); }

/* ── Glass card ─────────────────────────────────────────── */
.glass-card { background:linear-gradient(135deg,rgba(0,102,255,0.06) 0%,rgba(0,20,60,0.4) 100%);border:1px solid var(--border); }
.glass-card:not(.project-card) { backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px); }
.glass-card-hover { transition:border-color 0.3s,box-shadow 0.3s,transform 0.3s; }
.glass-card-hover:hover { border-color:rgba(0,102,255,0.4);box-shadow:0 0 30px rgba(0,102,255,0.15),0 20px 40px rgba(0,0,0,0.4); }

/* ── Grid background ────────────────────────────────────── */
.grid-bg { background-image:linear-gradient(rgba(0,102,255,0.04) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,0.04) 1px,transparent 1px);background-size:50px 50px; }

/* ── Selection ──────────────────────────────────────────── */
::selection { background:rgba(0,102,255,0.35);color:white; }

/* ── Section transparency ───────────────────────────────── */
section,header,footer,main { max-width:100vw;background:transparent !important;border:none !important; }

/* ── Scroll Progress Bar ────────────────────────────────── */
.scroll-progress-bar { position:fixed;top:0;left:0;right:0;height:2px;z-index:60;transform-origin:left;background:linear-gradient(90deg,var(--primary),var(--accent));transform:scaleX(0); }

/* ── Animations ─────────────────────────────────────────── */
@keyframes float { 0%,100%{transform:translateY(0px)} 50%{transform:translateY(-18px)} }
@keyframes pulseGlow { 0%,100%{opacity:0.3;transform:scale(1)} 50%{opacity:0.7;transform:scale(1.06)} }
@keyframes orbMove1 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(70px,-50px) scale(1.08)} 66%{transform:translate(-35px,35px) scale(0.96)} }
@keyframes orbMove2 { 0%,100%{transform:translate(0,0) scale(1)} 33%{transform:translate(-50px,70px) scale(1.04)} 66%{transform:translate(45px,-25px) scale(1.09)} }
@keyframes scanLine { 0%{transform:translateY(-100%);opacity:0} 10%{opacity:1} 90%{opacity:1} 100%{transform:translateY(500%);opacity:0} }
@keyframes shimmer { 0%{background-position:-200% center} 100%{background-position:200% center} }
@keyframes shimmer-load { 0%{background-position:100% 0} 100%{background-position:-100% 0} }
@keyframes orbit { from{transform:rotate(0deg) translateX(50px) rotate(0deg)} to{transform:rotate(360deg) translateX(50px) rotate(-360deg)} }
@keyframes logo-shine-sweep { 0%{background-position:100% 50%} 100%{background-position:-100% 50%} }
@keyframes typingBounce { 0%,80%,100%{transform:scale(0)} 40%{transform:scale(1)} }
@keyframes pulse { 0%,100%{opacity:1} 50%{opacity:.5} }
@keyframes fadeInUp { from{opacity:0;transform:translateY(30px);filter:blur(8px)} to{opacity:1;transform:translateY(0);filter:blur(0)} }
@keyframes slideInLeft { from{opacity:0;transform:translateX(-60px);filter:blur(8px)} to{opacity:1;transform:translateX(0);filter:blur(0)} }
@keyframes slideInRight { from{opacity:0;transform:translateX(60px);filter:blur(8px)} to{opacity:1;transform:translateX(0);filter:blur(0)} }
@keyframes zoomIn { from{opacity:0;transform:scale(0.88);filter:blur(10px)} to{opacity:1;transform:scale(1);filter:blur(0)} }

.animate-float { animation:float 6s ease-in-out infinite; }
.animate-pulse { animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
.animate-scan { animation:scanLine 3s linear infinite; }
.animate-shimmer { animation:shimmer 2.5s linear infinite; }
.animate-spin { animation:spin 1s linear infinite; }
@keyframes spin { from{transform:rotate(0deg)} to{transform:rotate(360deg)} }

/* ── Scroll-triggered animations ────────────────────────── */
[data-animate] { opacity:0;transform:translateY(30px);filter:blur(8px);transition:opacity 0.8s ease,transform 0.8s ease,filter 0.8s ease; }
[data-animate].animate-in { opacity:1;transform:translateY(0);filter:blur(0); }
[data-animate="slide-left"] { transform:translateX(-60px); }
[data-animate="slide-left"].animate-in { transform:translateX(0); }
[data-animate="slide-right"] { transform:translateX(60px); }
[data-animate="slide-right"].animate-in { transform:translateX(0); }
[data-animate="zoom"] { transform:scale(0.88); }
[data-animate="zoom"].animate-in { transform:scale(1); }

/* nth-child stagger delays */
[data-animate]:nth-child(2) { transition-delay:0.1s; }
[data-animate]:nth-child(3) { transition-delay:0.2s; }
[data-animate]:nth-child(4) { transition-delay:0.3s; }
[data-animate]:nth-child(5) { transition-delay:0.4s; }
[data-animate]:nth-child(6) { transition-delay:0.5s; }
[data-animate]:nth-child(7) { transition-delay:0.6s; }

/* ── Button ─────────────────────────────────────────────── */
.button { display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.75rem;font-family:var(--font-body);font-weight:500;font-size:0.875rem;transition:all 0.3s ease;text-decoration:none;border:none;outline:none; }
.button-primary { background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:white;box-shadow:0 10px 15px -3px rgba(0,102,255,0.3); }
.button-primary:hover { transform:translateY(-2px);box-shadow:0 10px 20px -3px rgba(0,102,255,0.5); }
.button-outline { background-color:transparent;border:1px solid rgba(255,255,255,0.1);color:rgba(255,255,255,0.8); }
.button-outline:hover { border-color:var(--accent);color:white;background-color:var(--accent-dim); }

/* ── Section Title ──────────────────────────────────────── */
.section-title-wrapper { margin-bottom:2.5rem;position:relative; }
.section-title-wrapper.center { text-align:center; }
.section-eyebrow { font-family:var(--font-mono);font-size:0.72rem;letter-spacing:0.22em;text-transform:uppercase;color:var(--accent); }
.section-header-container { display:flex;align-items:center;gap:1.5rem;margin-bottom:0.5rem;justify-content:center;width:100%; }
.section-header-line { flex:1;height:1px; }
.section-header-line.left { background:linear-gradient(to right,transparent,rgba(255,255,255,0.4));box-shadow:0 0 12px rgba(255,255,255,0.05); }
.section-header-line.right { background:linear-gradient(to left,transparent,rgba(255,255,255,0.4));box-shadow:0 0 12px rgba(255,255,255,0.05); }
.section-heading { font-family:var(--font-display);font-weight:600;letter-spacing:-0.02em;font-size:2.25rem;line-height:1.2;white-space:nowrap;flex-shrink:0; }
@media (min-width:1024px) { .section-heading { font-size:2.75rem; } }
.section-subtitle { margin-top:1rem;font-size:0.9375rem;max-width:42rem;margin-left:auto;margin-right:auto;color:var(--text-muted);line-height:1.6; }
.premium-title-glow { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:400px;height:400px;background:radial-gradient(circle,rgba(0,212,255,0.08) 0%,transparent 70%);filter:blur(60px);z-index:-1;pointer-events:none; }
@media (max-width:768px) { .section-heading { white-space:normal;font-size:2rem; } .section-title-wrapper { padding:0 1.5rem; } }

/* ============================================================ */
/* SCENE BACKGROUND                                             */
/* ============================================================ */
.scene-background { position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0;overflow:hidden; }
.bg-orb { position:absolute;border-radius:50%;filter:blur(120px); }
.bg-orb-1 { width:800px;height:800px;top:-200px;left:-200px;background:radial-gradient(circle,rgba(0,102,255,0.12) 0%,transparent 70%);animation:orbMove1 20s ease-in-out infinite; }
.bg-orb-2 { width:600px;height:600px;top:30%;right:-150px;background:radial-gradient(circle,rgba(0,212,255,0.07) 0%,transparent 70%);animation:orbMove2 25s ease-in-out infinite; }
.bg-orb-3 { width:500px;height:500px;bottom:-100px;left:40%;background:radial-gradient(circle,rgba(0,60,200,0.1) 0%,transparent 60%);animation:orbMove1 30s ease-in-out infinite reverse; }
.bg-grid { position:absolute;inset:0;background-image:linear-gradient(rgba(0,102,255,0.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,102,255,0.03) 1px,transparent 1px);background-size:50px 50px; }
main, section { position:relative;z-index:1; }

/* ============================================================ */
/* INTRO SCREEN                                                  */
/* ============================================================ */
#intro-screen { position:fixed;inset:0;z-index:1000;display:flex;align-items:center;justify-content:center;background-color:var(--bg-base);overflow:hidden;transition:opacity 0.8s ease,transform 0.8s ease,filter 0.8s ease; }
.intro-bg-layer { position:absolute;inset:0;pointer-events:none; }
.intro-orb { position:absolute;border-radius:50%;filter:blur(80px);z-index:1; }
.orb-1 { width:600px;height:600px;top:-20%;right:-10%;background:radial-gradient(circle,rgba(0,102,255,0.15) 0%,transparent 70%);animation:orbit 20s linear infinite; }
.orb-2 { width:400px;height:400px;bottom:-10%;left:-5%;background:radial-gradient(circle,rgba(0,212,255,0.1) 0%,transparent 70%);animation:orbit 15s linear infinite reverse; }
.intro-content-wrapper { position:relative;z-index:10;display:flex;flex-direction:column;align-items:center;gap:3rem;user-select:none;padding:0 1.5rem; }
.intro-icon-list { display:flex;align-items:center;gap:1.5rem; }
.intro-icon-item { width:4rem;height:4rem;border-radius:1.25rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);backdrop-filter:blur(10px);box-shadow:0 0 40px rgba(0,102,255,0.1);transition:all 0.3s ease;opacity:0;transform:translateY(30px) scale(0.5) rotate(-10deg); }
.intro-icon { color:var(--accent);filter:drop-shadow(0 0 8px rgba(0,212,255,0.5)); }
.intro-text-center { text-align:center; }
.intro-heading { font-family:var(--font-display);font-weight:700;line-height:1.1;margin-bottom:2.5rem;display:flex;flex-direction:column;align-items:center;gap:0.6rem;text-transform:uppercase;letter-spacing:0.08em; }
.intro-heading-row { display:flex;justify-content:center;gap:0.8rem; }
.intro-word { display:inline-block;font-size:1.1rem;color:rgb(255,255,255);font-weight:500;letter-spacing:0.1em;opacity:0;transform:translateY(20px) scale(0.9);filter:blur(10px);transition:opacity 0.8s ease,transform 0.8s ease,filter 0.8s ease; }
.intro-word.highlighted { font-weight:800;background:linear-gradient(90deg,#00eeff 0%,#00eeff 35%,#ffffff 50%,#00eeff 65%,#00eeff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logo-shine-sweep 1s ease-in-out infinite; }
@media (min-width:768px) { .intro-word { font-size:2.2rem; } }
.intro-subtext-container { display:flex;justify-content:center;opacity:0;transition:opacity 0.5s ease; }
.intro-subtext-inner { display:flex;align-items:center;gap:0.75rem;padding:0.625rem 1.25rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);border-radius:9999px;font-family:var(--font-mono);font-size:0.875rem;color:var(--text-muted); }
.intro-subtext-prefix { color:var(--accent);font-weight:bold; }
.intro-typewriter-text { color:white;letter-spacing:0.05em; }
.intro-loader-container { margin-top:1rem; }
.intro-loader-track { height:2px;border-radius:9999px;overflow:hidden;background:rgba(255,255,255,0.05);position:relative;width:0;opacity:0;transition:width 0.8s ease,opacity 0.8s ease; }
.intro-loader-bar { height:100%;border-radius:9999px;background:linear-gradient(90deg,var(--primary),var(--accent),var(--primary));background-size:200% 100%;animation:shimmer-load 2s linear infinite;box-shadow:0 0 15px rgba(0,102,255,0.5);width:0%;transition:width 2.5s cubic-bezier(0.65,0,0.35,1); }

/* ============================================================ */
/* NAVBAR                                                        */
/* ============================================================ */
.navbar-header { position:fixed;top:0;left:0;right:0;z-index:50;display:flex;justify-content:center;width:100%;padding-top:1rem;padding-left:1rem;padding-right:1rem;pointer-events:none; }
@media (min-width:640px) { .navbar-header { padding-left:1.5rem;padding-right:1.5rem; } }
.navbar-container { pointer-events:auto;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:64rem;border-radius:1rem;transition:all 0.5s ease;padding:1rem 0.5rem;background-color:transparent;border:1px solid transparent; }
@media (min-width:768px) { .navbar-container { border-radius:9999px;padding:1rem 0; } }
.navbar-container.scrolled { padding:0.625rem 1rem;backdrop-filter:blur(24px);background-color:rgba(2,5,16,0.7);border:1px solid rgba(0,102,255,0.15);box-shadow:0 8px 32px rgba(0,102,255,0.1); }
.navbar-logo { display:flex;align-items:center;gap:0.5rem;text-decoration:none; }
.navbar-logo-icon { position:relative;display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;overflow:visible;flex-shrink:0; }
.navbar-logo-img { width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 0 6px rgba(0,200,255,0.4));transition:transform 0.5s cubic-bezier(0.23,1,0.32,1); }
.navbar-logo:hover .navbar-logo-img { transform:scale(1.1) rotate(5deg); }
.navbar-logo-text { font-family:var(--font-display);font-size:1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:-0.025em;background:linear-gradient(90deg,#00eeff 0%,#00eeff 35%,#ffffff 50%,#00eeff 65%,#00eeff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logo-shine-sweep 3s ease-in-out infinite; }
.navbar-desktop-nav { display:none; }
@media (min-width:768px) { .navbar-desktop-nav { display:flex;align-items:center;gap:0.375rem;padding:0.25rem;border-radius:9999px;background-color:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05); } }
.navbar-link { position:relative;padding:0.5rem 1rem;font-family:var(--font-body);font-size:0.875rem;font-weight:600;transition:all 0.3s ease;text-decoration:none; }
.navbar-link.active .navbar-link-text { color:white; }
.navbar-link.active::before { content:'';position:absolute;inset:0;border-radius:9999px;background-color:rgba(59,130,246,0.1);border:1px solid rgba(59,130,246,0.2);box-shadow:inset 0 0 12px rgba(0,102,255,0.2); }
.navbar-link-text { position:relative;z-index:10;color:rgba(219,234,254,0.5);transition:color 0.3s ease; }
.navbar-link:hover .navbar-link-text { color:white; }
.navbar-actions { display:flex;align-items:center;gap:1.25rem; }
.navbar-ai-wrapper { display:none;align-items:center;gap:0.8rem;position:relative;cursor:pointer; }
@media (min-width:1024px) { .navbar-ai-wrapper { display:flex; } }
.navbar-ai-icon-btn { display:flex;align-items:center;justify-content:center;padding:0.6rem;background:rgba(0,102,255,0.05);border:1px solid rgba(0,102,255,0.2);border-radius:50%;color:var(--primary-light);cursor:pointer;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);position:relative;width:2.6rem;height:2.6rem; }
.navbar-ai-wrapper:hover .navbar-ai-icon-btn { background:rgba(0,102,255,0.1);border-color:var(--primary);box-shadow:0 0 20px rgba(0,102,255,0.15); }
.ai-btn-text { font-family:var(--font-mono);font-size:0.65rem;letter-spacing:0.15em;text-transform:uppercase;font-weight:700;color:white;white-space:nowrap;pointer-events:none;opacity:0;transform:translateX(20px);transition:opacity 0.4s,transform 0.4s; }
.navbar-ai-wrapper:hover .ai-btn-text { opacity:1;transform:translateX(0); }
.ai-sparkle-icon { color:var(--accent);filter:drop-shadow(0 0 5px var(--accent)); }
.navbar-cta { display:none;position:relative;overflow:hidden;align-items:center;gap:0.5rem;padding:0.625rem 1rem;border-radius:9999px;font-size:0.875rem;font-weight:600;transition:all 0.3s ease;text-decoration:none;border:1px solid rgba(0,102,255,0.25);background:rgba(0,102,255,0.06);color:rgba(238,244,255,0.9); }
@media (min-width:768px) { .navbar-cta { display:inline-flex; } }
.navbar-cta-dot { width:0.375rem;height:0.375rem;border-radius:50%;background-color:#34d399;box-shadow:0 0 8px rgba(52,211,153,0.8);animation:pulse 2s cubic-bezier(0.4,0,0.6,1) infinite; }
.navbar-mobile-toggle { display:flex;position:relative;z-index:50;padding:0.5rem;border-radius:9999px;align-items:center;justify-content:center;background-color:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);transition:background-color 0.3s ease; }
@media (min-width:768px) { .navbar-mobile-toggle { display:none; } }

/* ── Mobile Menu ─────────────────────────────────────────── */
.mobile-menu-overlay { position:fixed;inset:0;z-index:100;align-items:flex-start;justify-content:center;background-color:#010208;overflow-y:auto;display:none; }
.mobile-menu-overlay.open { display:flex; }
.mobile-menu-glass { position:absolute;inset:0;backdrop-filter:blur(60px);background:rgba(1,2,8,0.9);z-index:-1; }
.mobile-menu-bg-glow-center { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(circle,rgba(0,102,255,0.12) 0%,transparent 70%);filter:blur(120px);z-index:-1; }
.mobile-menu-content-centered { width:100%;max-width:400px;padding:4rem 2rem 6rem;display:flex;flex-direction:column;align-items:center;min-height:100%;position:relative;z-index:10; }
.mobile-menu-header-centered { margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem; }
.mobile-menu-label-architect { font-family:var(--font-display);font-size:0.75rem;font-weight:700;letter-spacing:0.02em;text-transform:uppercase;color:var(--primary-light);opacity:0.8; }
.label-dots { width:40px;height:1px;background:linear-gradient(to right,transparent,var(--primary),transparent); }
.mobile-menu-nav-centered { display:flex;flex-direction:column;align-items:center;gap:0.8rem;width:100%;margin-bottom:3.5rem; }
.mobile-menu-link-pill { width:100%;display:flex;align-items:center;justify-content:center;padding:1.125rem 2rem;text-decoration:none;position:relative;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:14px;transition:all 0.4s cubic-bezier(0.16,1,0.3,1);overflow:hidden; }
.mobile-menu-link-pill.active { background:rgba(0,102,255,0.12);border-color:rgba(0,102,255,0.3);box-shadow:0 0 25px rgba(0,102,255,0.15); }
.link-text-minimal { font-family:var(--font-display);font-size:0.95rem;font-weight:700;text-transform:uppercase;color:rgba(255,255,255,0.45);transition:all 0.4s; }
.mobile-menu-link-pill.active .link-text-minimal { color:#fff; }
.mobile-menu-back-btn { margin-top:1.5rem;display:flex;align-items:center;justify-content:center;gap:0.75rem;padding:0.75rem 1.5rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.08);border-radius:99px;color:rgba(255,255,255,0.4);font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;letter-spacing:0.05em;cursor:pointer;transition:all 0.3s; }
.mobile-menu-footer-hub { margin-top:auto;width:100%;display:flex;flex-direction:column;align-items:center;gap:2rem; }
.social-links-row-centered { display:flex;gap:2.25rem; }
.social-link-item-hub { color:rgba(255,255,255,0.2);transition:all 0.3s; }
.social-link-item-hub:hover { color:var(--primary-light);transform:scale(1.2) translateY(-3px); }
.mobile-actions-hub-vertical { display:flex;flex-direction:column;gap:0.875rem;width:100%; }
.hub-action-btn-ai-full,.hub-action-btn-hire-full { width:100%;padding:1.125rem;background:rgba(0,102,255,0.08);border:1px solid rgba(0,102,255,0.2);border-radius:12px;color:#fff;display:flex;align-items:center;justify-content:center;gap:0.75rem;font-family:var(--font-display);font-weight:700;font-size:0.85rem;text-transform:uppercase;transition:all 0.3s; }
.hub-action-btn-hire-full { background:rgba(255,255,255,0.03);border-color:rgba(255,255,255,0.08);text-decoration:none; }
.sparkle-primary { color:var(--accent);filter:drop-shadow(0 0 5px var(--accent)); }

/* ============================================================ */
/* HERO SECTION                                                   */
/* ============================================================ */
.hero-section { position:relative;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding-top:7rem;padding-bottom:4rem;overflow:hidden; }
.hero-radial-highlight { position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;max-width:900px;height:600px;background:radial-gradient(ellipse at top,rgba(0,102,255,0.12) 0%,transparent 60%);pointer-events:none; }
.hero-container { position:relative;z-index:10;width:100%;max-width:80rem;margin:0 auto;padding:0 2rem; }
.hero-grid { display:grid;grid-template-columns:1fr;gap:3rem;align-items:center; }
@media (min-width:1024px) { .hero-grid { grid-template-columns:1.1fr 0.9fr;gap:2rem; } }
.hero-content { display:flex;flex-direction:column;text-align:center;align-items:center;max-width:42rem;margin:0 auto; }
@media (min-width:1024px) { .hero-content { text-align:left;align-items:flex-start;margin:0; } }
.hero-badge { display:inline-flex;align-items:center;gap:0.625rem;padding:0.5rem 1rem;border-radius:9999px;margin-bottom:2rem;font-family:var(--font-mono);font-size:0.75rem;font-weight:500;border:1px solid rgba(59,130,246,0.2);background-color:rgba(59,130,246,0.05);backdrop-filter:blur(12px);color:#cffafe;position:relative;overflow:hidden; }
.hero-badge-shine { position:absolute;inset:0;background:linear-gradient(105deg,transparent 40%,rgba(255,255,255,0.1) 50%,transparent 60%);background-size:200% auto;animation:shimmer 2.5s linear infinite; }
.hero-badge-dot { width:0.5rem;height:0.5rem;border-radius:50%;background-color:#34d399;box-shadow:0 0 10px rgba(52,211,153,0.8);animation:pulse 2s ease-in-out infinite; }
.hero-h1-first { display:block;font-size:2.75rem;font-weight:600;color:white;margin-bottom:0.25rem;line-height:1.1; }
.hero-h1-second { display:block;font-size:2.75rem;font-weight:600;padding-bottom:0.5rem;background:linear-gradient(to right,#60a5fa,#67e8f9,#3b82f6);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1.1; }
@media (min-width:1024px) { .hero-h1-first,.hero-h1-second { font-size:3.5rem; } }
.hero-typewriter-wrapper { margin-top:1rem;font-size:1.25rem;font-weight:400;color:var(--text-muted);min-height:2.5rem;display:flex;align-items:center; }
.typewriter-container { display:inline-flex;align-items:center;white-space:nowrap; }
.typewriter-text { color:var(--accent);font-weight:500;letter-spacing:0.025em; }
.typewriter-cursor { margin-left:0.375rem;width:2px;height:1.1em;background-color:var(--primary);border-radius:9999px;display:inline-block; }
.hero-bio { margin-top:1.25rem;font-size:1rem;line-height:1.7;color:var(--text-muted);max-width:480px; }
.hero-actions { margin-top:2.5rem;display:flex;flex-wrap:wrap;gap:1.25rem; }
@media (max-width:640px) { .hero-actions { flex-direction:column;width:100%;align-items:stretch; } .hero-section { padding-bottom:6rem; } }
.hero-btn-primary { position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2.25rem;border-radius:1rem;font-weight:600;font-size:0.9375rem;color:white;overflow:hidden;background:linear-gradient(135deg,var(--primary) 0%,#0047cc 100%);text-decoration:none;transition:transform 0.3s ease,box-shadow 0.3s ease; }
.hero-btn-primary:hover { transform:translateY(-2px);box-shadow:0 10px 25px rgba(0,102,255,0.3); }
.hero-btn-primary-shine { position:absolute;inset:0;background-color:rgba(255,255,255,0.15);transform:translateY(100%);transition:transform 0.3s ease-out; }
.hero-btn-primary:hover .hero-btn-primary-shine { transform:translateY(0%); }
.hero-btn-primary-text { position:relative;z-index:10;display:flex;align-items:center;gap:0.5rem; }
.hero-btn-secondary { display:inline-flex;align-items:center;justify-content:center;gap:0.75rem;padding:1rem 2.25rem;border-radius:1rem;font-weight:600;font-size:0.9375rem;transition:all 0.3s ease;backdrop-filter:blur(4px);border:1px solid rgba(0,102,255,0.2);background-color:rgba(0,102,255,0.04);color:white;text-decoration:none; }
.hero-btn-secondary:hover { background-color:rgba(0,102,255,0.08);border-color:rgba(0,102,255,0.4);transform:translateY(-2px); }
.hero-socials { margin-top:3.5rem; }
.hero-socials-list { display:flex;gap:1rem; }
.hero-social-link { width:3rem;height:3rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);color:var(--text-muted);transition:all 0.3s ease; }
.hero-social-link:hover { color:var(--accent);background:rgba(0,102,255,0.1);border-color:rgba(0,102,255,0.3);transform:translateY(-3px); }

/* ── Hero Code Panel ────────────────────────────────────── */
.hero-code-panel-wrapper { position:relative;width:100%;max-width:500px;margin-left:auto;margin-right:auto;display:block; }
@media (max-width:1023px) { .hero-code-panel-wrapper { max-width:100%;margin-top:2rem; } .hero-code-panel-content { padding:1.25rem;font-size:0.75rem; } .hero-code-panel-title { font-size:0.65rem; } }
.hero-code-panel-glow { position:absolute;inset:0;border-radius:1.5rem;background:#051330;filter:blur(50px);transform:translateZ(-50px);animation:pulseGlow 4s ease-in-out infinite; }
.hero-code-panel-body { position:relative;border-radius:1rem;overflow:hidden;background-color:rgba(2,5,16,0.65);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.08);box-shadow:0 0 80px rgba(0,102,255,0.15),0 30px 60px rgba(0,0,0,0.6);animation:float 6s ease-in-out infinite; }
.hero-code-panel-header { display:flex;align-items:center;gap:0.5rem;padding:1rem 1.25rem;border-bottom:1px solid rgba(255,255,255,0.05);background-color:rgba(255,255,255,0.02); }
.hero-code-panel-dots { display:flex;gap:0.375rem; }
.hero-code-panel-dots span { width:0.75rem;height:0.75rem;border-radius:50%; }
.hero-code-panel-dots span:nth-child(1) { background-color:#ff5f57; }
.hero-code-panel-dots span:nth-child(2) { background-color:#febc2e; }
.hero-code-panel-dots span:nth-child(3) { background-color:#28c840; }
.hero-code-panel-title { margin-left:auto;font-family:var(--font-mono);font-size:0.75rem;color:rgba(255,255,255,0.4);letter-spacing:0.05em; }
.hero-code-panel-content { padding:1.75rem;font-family:var(--font-mono);font-size:0.875rem;line-height:1.625; }
.hero-code-panel-line-indent { padding-left:1.5rem; }
.hero-code-panel-skill-badge { padding:0.125rem 0.5rem;border-radius:0.375rem;background:rgba(0,102,255,0.1);border:1px solid rgba(0,102,255,0.2);color:#93c5fd;font-size:0.75rem; }
.status-blink { animation:pulse 2s ease-in-out infinite;color:#34d399;font-weight:500; }
.hero-code-panel-scanline { position:absolute;inset:0;overflow:hidden;pointer-events:none; }
.hero-code-panel-scanline-bar { position:absolute;left:0;right:0;height:30px;background:linear-gradient(to bottom,transparent,rgba(0,102,255,0.06),transparent);animation:scanLine 3s linear infinite; }

/* ============================================================ */
/* ABOUT SECTION                                                  */
/* ============================================================ */
.about-section { position:relative;padding:8rem 0;overflow:hidden; }
.about-container { max-width:80rem;margin:0 auto;padding:0 2rem; }
.about-top-grid { display:grid;grid-template-columns:1fr;gap:4rem;align-items:center;margin-bottom:6rem; }
@media (min-width:1024px) { .about-top-grid { grid-template-columns:1.2fr 0.8fr; } }
.about-bio-content { display:flex;flex-direction:column;gap:1.25rem;text-align:left;align-items:flex-start; }
.about-hello { font-family:var(--font-display);font-size:1.25rem;font-weight:600;color:var(--accent);margin-bottom:-0.25rem; }
.about-name { font-family:var(--font-display);font-size:2.75rem;font-weight:800;line-height:1.1;margin-bottom:0.75rem;letter-spacing:-0.01em;background:linear-gradient(90deg,#00eeff 0%,#00eeff 35%,#ffffff 50%,#00eeff 65%,#00eeff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logo-shine-sweep 1.8s ease-in-out infinite; }
.about-description { font-size:1rem;line-height:1.7;color:var(--text-muted);max-width:36rem; }
.about-buttons { display:flex;gap:1.5rem;margin-top:1rem; }
.about-avatar-container { display:flex;justify-content:center;align-items:center;position:relative;z-index:10;transition:transform 0.6s cubic-bezier(0.23,1,0.32,1); }
.about-avatar-circle { width:20rem;height:20rem;border-radius:50%;overflow:hidden;border:1px solid rgba(255,255,255,0.1);background:linear-gradient(135deg,rgba(255,255,255,0.05),rgba(255,255,255,0.02));display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 0 50px rgba(0,0,0,0.5),inset 0 0 40px rgba(255,255,255,0.05);transition:all 0.6s cubic-bezier(0.23,1,0.32,1); }
.about-avatar-container:hover .about-avatar-circle { border-color:rgba(0,102,255,0.6);box-shadow:0 0 80px rgba(0,102,255,0.3),inset 0 0 60px rgba(0,102,255,0.1);transform:scale(1.02); }
.about-avatar-image { width:100%;height:100%;object-fit:cover;display:block; }
.about-stats-grid { display:grid;grid-template-columns:1fr;gap:2rem; }
@media (min-width:768px) { .about-stats-grid { grid-template-columns:repeat(3,1fr); } }
.concept-stat-card { background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:1.5rem;padding:2.5rem;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;min-height:240px;backdrop-filter:blur(10px);transition:all 0.4s cubic-bezier(0.23,1,0.32,1); }
.concept-stat-card:hover { background:rgba(255,255,255,0.05);border-color:rgba(124,58,237,0.3);transform:translateY(-5px); }
.stat-icon-box { width:3.5rem;height:3.5rem;border-radius:1rem;background:rgba(124,58,237,0.1);border:1px solid rgba(124,58,237,0.2);display:flex;align-items:center;justify-content:center;color:var(--accent); }
.stat-number-big { position:absolute;top:2rem;right:2.5rem;font-family:var(--font-display);font-size:3rem;font-weight:600;color:white;line-height:1; }
.stat-label-group { margin-top:auto; }
.stat-main-label { display:block;font-family:var(--font-display);font-weight:700;font-size:0.875rem;text-transform:uppercase;letter-spacing:0.1em;color:white;margin-bottom:0.25rem; }
.stat-sub-label { display:block;font-size:0.8125rem;color:var(--text-muted); }
.stat-card-arrow { position:absolute;bottom:2.5rem;right:2.5rem;color:rgba(255,255,255,0.2);transition:all 0.3s ease; }
.concept-stat-card:hover .stat-card-arrow { color:var(--accent);transform:translate(3px,-3px); }

/* ============================================================ */
/* ACADEMIC SECTION                                               */
/* ============================================================ */
.academic-section { padding:100px 0;position:relative;overflow:hidden; }
.academic-container { max-width:1200px;margin:0 auto;padding:0 20px; }
.academic-identity-block { text-align:center;margin-bottom:80px;max-width:800px;margin-left:auto;margin-right:auto;padding:40px;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);border-radius:20px;backdrop-filter:blur(10px); }
.academic-degree { font-size:1.5rem;font-weight:600;margin-bottom:12px;background:linear-gradient(135deg,#fff 0%,var(--accent) 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-0.01em; }
.academic-major { font-size:1.125rem;color:var(--accent);font-weight:600;margin-bottom:15px;opacity:0.9; }
.academic-institution { font-size:0.95rem;color:#a1a1aa;margin-bottom:8px; }
.academic-period { font-size:0.875rem;color:var(--accent);font-weight:500;opacity:0.8; }
.timeline-wrapper { position:relative;margin-top:60px; }
.timeline-line { position:absolute;left:50%;transform:translateX(-50%);width:2px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--accent) 15%,var(--accent) 85%,transparent 100%);opacity:0.3; }
.timeline-items { display:flex;flex-direction:column;gap:60px;position:relative; }
.timeline-item { display:flex;justify-content:flex-end;padding-right:50%;position:relative;width:100%; }
.timeline-item.right { justify-content:flex-start;padding-right:0;padding-left:50%; }
.timeline-dot-wrapper { position:absolute;left:50%;top:0;transform:translateX(-50%);z-index:10; }
.timeline-dot { width:16px;height:16px;background:var(--bg-dark);border:2px solid var(--accent);border-radius:50%;box-shadow:0 0 15px var(--accent-glow); }
.timeline-content-card { width:90%;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:16px;padding:30px;margin:0 40px;backdrop-filter:blur(5px);transition:all 0.3s ease;position:relative; }
.timeline-content-card:hover { background:rgba(255,255,255,0.05);border-color:var(--accent);transform:translateY(-5px);box-shadow:0 10px 30px rgba(0,0,0,0.3); }
.timeline-header { display:flex;align-items:center;gap:15px;margin-bottom:15px; }
.timeline-icon-box { width:40px;height:40px;background:rgba(124,58,237,0.1);border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--accent); }
.timeline-year-badge { font-size:0.75rem;font-weight:700;text-transform:uppercase;color:var(--accent);opacity:0.8;letter-spacing:0.1em; }
.timeline-title { font-size:1.125rem;font-weight:700;color:#fff;margin-bottom:5px; }
.timeline-focus { font-size:0.9rem;font-weight:600;color:var(--accent);margin-bottom:15px;display:block; }
.timeline-body { display:flex;flex-direction:column;gap:15px; }
.timeline-info-group { display:flex;flex-direction:column;gap:5px; }
.info-label { font-size:0.7rem;color:#71717a;text-transform:uppercase;letter-spacing:0.05em;font-weight:600; }
.info-value { font-size:0.875rem;color:#e4e4e7;line-height:1.6; }
.stack-tags { display:flex;flex-wrap:wrap;gap:8px;margin-top:5px; }
.stack-tag { font-size:0.75rem;background:rgba(255,255,255,0.05);padding:4px 10px;border-radius:4px;color:#a1a1aa; }
@media (max-width:768px) { .academic-section { padding:120px 0 60px; } .timeline-line { left:30px;transform:none; } .timeline-item { justify-content:flex-start;padding-right:0;padding-left:60px; } .timeline-item.right { padding-left:60px; } .timeline-dot-wrapper { left:30px; } .timeline-content-card { width:100%;margin:0; } }

/* ============================================================ */
/* PORTFOLIO SECTION                                               */
/* ============================================================ */
.portfolio-section { position:relative;padding-top:7rem;padding-bottom:7rem;overflow:hidden; }
.portfolio-container { position:relative;z-index:10;max-width:80rem;margin:0 auto;padding:0 2rem; }
.portfolio-tabs-nav { display:flex;flex-direction:column;align-items:center;margin-bottom:3.5rem;width:100%; }
.portfolio-tabs-container { display:flex;justify-content:center;align-items:center;gap:0.5rem;border-radius:1rem;padding:0.375rem;background:rgba(255,255,255,0.02);border:1px solid rgba(255,255,255,0.05);position:relative;width:fit-content;margin:0 auto; }
.portfolio-tab-btn-elite { position:relative;padding:0.75rem 1.75rem;font-family:var(--font-mono);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;color:var(--text-dim);background:transparent;border:none;cursor:pointer;transition:color 0.4s; }
.portfolio-tab-btn-elite.active { color:white; }
.portfolio-tab-highlight { position:absolute;inset:0;background:linear-gradient(135deg,var(--primary),#0047cc);border-radius:0.75rem;box-shadow:0 5px 15px rgba(0,102,255,0.2);display:none; }
.portfolio-tab-btn-elite.active .portfolio-tab-highlight { display:block; }
.portfolio-tab-label-elite { position:relative;z-index:10;display:flex;align-items:center;gap:0.75rem; }
@media (max-width:640px) { .portfolio-tabs-container { gap:0.25rem;padding:0.25rem;} .portfolio-tab-btn-elite { padding:0.6rem 0.875rem;font-size:0.65rem;} }
/* Tab visibility controlled by JS */
.portfolio-projects-grid { display:grid;grid-template-columns:1fr;gap:1.25rem; }
@media (min-width:768px) { .portfolio-projects-grid { grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:75rem;margin:0 auto; } .project-span-2 { grid-column:span 2; } }
.portfolio-certs-grid { display:grid;grid-template-columns:1fr;gap:0.75rem;max-width:56rem;margin:0 auto; }
@media (min-width:768px) { .portfolio-certs-grid { grid-template-columns:repeat(2,1fr); } }
.tech-stack-organized { display:flex;flex-direction:column;gap:3.5rem;max-width:75rem;margin:0 auto; }
.tech-category-header-centered { display:flex;align-items:center;justify-content:center;gap:2rem;margin-bottom:3rem; }
.tech-category-title-elite { font-family:var(--font-display);font-size:0.9rem;font-weight:700;color:var(--primary-light);white-space:nowrap;letter-spacing:0.15em;text-transform:uppercase; }
.tech-category-separator { flex:1;height:1px;background:linear-gradient(to right,transparent,rgba(0,102,255,0.25),transparent); }
.portfolio-tech-grid-elite { display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem; }

/* Project Card */
.project-card { display:flex;flex-direction:column;overflow:hidden;height:100%;backdrop-filter:none;-webkit-backdrop-filter:none; }
.project-card-header { height:12rem;position:relative;overflow:hidden;flex-shrink:0; }
@media (max-width:640px) { .project-card-header { height:10rem; } }
.project-card-bg { position:absolute;inset:0;z-index:2;pointer-events:none; }
.project-card-preview-img { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:1;opacity:1;transition:transform 0.5s ease,opacity 0.5s ease; }
.project-card:hover .project-card-preview-img { transform:scale(1.05);opacity:1; }
.project-status-badges { position:absolute;top:0.75rem;right:0.75rem;display:flex;flex-direction:column;align-items:flex-end;gap:0.375rem;z-index:10; }
.project-status-badge { padding:0.2rem 0.625rem;border-radius:9999px;font-family:var(--font-mono);font-size:0.65rem;backdrop-filter:blur(10px);background:rgba(0,0,0,0.4);border:1px solid rgba(255,255,255,0.1);text-transform:uppercase; }
.status-deployed { color:#34d399;border-color:rgba(16,185,129,0.3); }
.status-developing { color:#fbbf24;border-color:rgba(245,158,11,0.3); }
.project-card-tags { position:absolute;bottom:0.75rem;left:0.75rem;display:flex;flex-wrap:wrap;gap:0.375rem;z-index:10; }
.project-card-tag { padding:0.125rem 0.5rem;border-radius:0.25rem;font-family:var(--font-mono);font-size:0.75rem;backdrop-filter:blur(4px);background:rgba(0,0,0,0.6);color:rgba(180,220,255,0.9);border:1px solid rgba(255,255,255,0.1); }
.project-card-body { padding:1.25rem;display:flex;flex-direction:column;flex:1; }
.project-card-title { font-family:var(--font-display);font-weight:600;font-size:1.125rem;color:white;margin-bottom:0.5rem; }
.project-card-desc { font-size:0.875rem;line-height:1.6;color:var(--text-muted);margin-bottom:1.5rem;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden; }
.project-card-actions { display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,0.05);padding-top:1rem;margin-top:auto; }
.project-card-link-primary { display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;font-family:var(--font-mono);color:var(--accent);text-decoration:none;transition:color 0.3s; }
.project-card-link-secondary { display:flex;align-items:center;gap:0.375rem;font-size:0.75rem;font-family:var(--font-mono);color:var(--text-dim);transition:color 0.3s;background:none;border:none;cursor:pointer;padding:0; }
.project-card-link-primary:hover,.project-card-link-secondary:hover { color:white; }

/* Cert Card */
.cert-card { padding:1.25rem 1.5rem;display:flex;align-items:center;gap:1.25rem;position:relative;overflow:hidden; }
.cert-card-num { width:2.75rem;height:2.75rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-family:var(--font-display);font-weight:700;font-size:0.875rem;background:rgba(0,102,255,0.12);border:1px solid rgba(0,102,255,0.25);color:var(--accent); }
.cert-card-content { flex:1;min-width:0; }
.cert-card-title { font-weight:600;font-size:0.875rem;line-height:1.4;color:white;margin-bottom:0.25rem; }
.cert-card-meta { font-family:var(--font-mono);font-size:0.7rem;color:var(--text-muted);line-height:1.4; }
.cert-card-icon { flex-shrink:0;opacity:0.15;transition:all 0.3s ease;color:var(--accent); }
.cert-card:hover .cert-card-icon { opacity:0.6;transform:scale(1.1) rotate(5deg); }

/* Featured Cert Card (Google) */
.cert-featured-card { border:1px solid rgba(66,133,244,0.2);background:linear-gradient(135deg,rgba(66,133,244,0.06) 0%,rgba(0,20,60,0.4) 100%);border-radius:1.25rem;overflow:hidden;transition:all 0.4s ease; }
.cert-featured-card:hover { border-color:rgba(66,133,244,0.4);box-shadow:0 0 40px rgba(66,133,244,0.15),0 20px 50px rgba(0,0,0,0.4);transform:translateY(-4px); }
.cert-featured-inner { display:flex;gap:3rem;padding:3rem;align-items:stretch; }
@media (max-width:768px) { .cert-featured-inner { flex-direction:column;gap:2rem;padding:2rem; } }
.cert-featured-img-section { flex-shrink:0;width:40%;max-width:420px;display:flex;align-items:center; }
@media (max-width:768px) { .cert-featured-img-section { width:100%;max-width:100%; } }
.cert-featured-img-link { display:block;border-radius:1rem;overflow:hidden;border:1px solid rgba(255,255,255,0.08);transition:all 0.4s ease;box-shadow:0 8px 25px rgba(0,0,0,0.3); }
.cert-featured-img-link:hover { border-color:rgba(66,133,244,0.4);box-shadow:0 12px 35px rgba(66,133,244,0.2);transform:scale(1.02); }
.cert-featured-img { width:100%;height:auto;display:block;object-fit:cover; }
.cert-featured-top-row { display:flex;align-items:center;gap:1.25rem;margin-bottom:1rem; }
.cert-featured-badge { display:flex;flex-direction:column;align-items:center;gap:1rem;flex-shrink:0;padding-top:0.5rem; }
.cert-featured-icon { width:5rem;height:5rem;border-radius:1.25rem;background:rgba(66,133,244,0.08);border:1px solid rgba(66,133,244,0.2);display:flex;align-items:center;justify-content:center; }
.cert-featured-verified { display:flex;align-items:center;gap:0.375rem;font-family:var(--font-mono);font-size:0.7rem;color:#34A853;font-weight:600;letter-spacing:0.05em; }
.cert-featured-body { flex:1;min-width:0; }
.cert-featured-title { font-family:var(--font-display);font-size:1.75rem;font-weight:700;color:white;margin-bottom:0.5rem;letter-spacing:-0.01em; }
.cert-featured-level { display:inline-block;padding:0.3rem 1.25rem;border-radius:9999px;font-family:var(--font-mono);font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;background:linear-gradient(135deg,#4285F4,#34A853);color:white;margin-bottom:1rem; }
.cert-featured-recipient { font-size:1rem;color:var(--text-muted);margin-bottom:0.5rem; }
.cert-featured-recipient strong { color:white;font-weight:600; }
.cert-featured-desc { font-size:0.875rem;color:var(--text-dim);line-height:1.7;margin-bottom:1.5rem;max-width:36rem; }
.cert-featured-meta-row { display:flex;gap:2.5rem;margin-bottom:2rem;flex-wrap:wrap; }
.cert-featured-meta-item { display:flex;flex-direction:column;gap:0.25rem; }
.cert-featured-meta-label { font-family:var(--font-mono);font-size:0.65rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.1em; }
.cert-featured-meta-value { font-size:0.875rem;color:var(--text-primary);font-weight:500; }
.cert-featured-footer { display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:1rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,0.05); }
.cert-featured-google { display:flex;align-items:center;gap:0.75rem;font-family:var(--font-display);font-size:0.9rem;font-weight:600;color:var(--text-muted); }
.cert-featured-verify-btn { display:inline-flex;align-items:center;gap:0.5rem;padding:0.75rem 1.5rem;border-radius:0.75rem;font-family:var(--font-mono);font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:white;background:linear-gradient(135deg,#4285F4,#0047cc);text-decoration:none;transition:all 0.3s ease; }
.cert-featured-verify-btn:hover { transform:translateY(-2px);box-shadow:0 10px 25px rgba(66,133,244,0.3); }

/* Tech Card */
.tech-card { padding:1rem;display:flex;flex-direction:column;align-items:center;gap:0.75rem;cursor:default;width:8.5rem;flex-shrink:0; }
.tech-card-icon-wrapper { position:relative; }
.tech-card-glow { position:absolute;inset:0;border-radius:0.75rem;opacity:0;transition:opacity 0.3s ease;background:radial-gradient(circle,rgba(0,102,255,0.2) 0%,transparent 70%);filter:blur(10px); }
.tech-card:hover .tech-card-glow { opacity:1; }
.tech-card-icon { width:3rem;height:3rem;object-fit:contain;position:relative;z-index:10;transition:transform 0.3s ease; }
.tech-card:hover .tech-card-icon { transform:scale(1.1); }
.tech-card-name { font-family:var(--font-mono);font-size:0.75rem;text-align:center;color:var(--text-muted); }

/* Project Modal */
.project-modal-overlay { position:fixed;inset:0;background:rgba(0,0,0,0.7);backdrop-filter:blur(8px);z-index:45;display:none;align-items:center;justify-content:center;overflow:hidden;opacity:0;transition:opacity 0.3s ease; }
.project-modal-container { width:90%;max-width:900px;max-height:85vh;background:var(--bg-base);position:relative;overflow-y:auto;scroll-behavior:smooth;padding-top:2rem;border-radius:1.5rem;border:1px solid rgba(255,255,255,0.08);box-shadow:0 25px 60px rgba(0,0,0,0.6),0 0 40px rgba(0,102,255,0.1); }
.project-modal-container::-webkit-scrollbar { width:3px; }
.project-modal-container::-webkit-scrollbar-thumb { background:rgba(0,102,255,0.2);border-radius:10px; }
.project-modal-close { position:absolute;top:1rem;right:1rem;z-index:100;background:rgba(255,255,255,0.06);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,0.1);color:var(--text-dim);width:2.75rem;height:2.75rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.5s; }
.project-modal-close:hover { background:rgba(255,255,255,0.08);color:white;transform:rotate(90deg); }
.elitist-layout { padding:0 2.5rem 4rem;max-width:100%;margin:0 auto;position:relative;z-index:1; }
@media (max-width:1024px) { .elitist-layout { padding:0 1.5rem 3rem; } .project-modal-close { top:0.75rem;right:0.75rem;width:2.5rem;height:2.5rem; } }
.project-modal-intro-bar { display:flex;justify-content:space-between;align-items:center;padding:1.5rem 0 1rem;border-bottom:1px solid rgba(255,255,255,0.03);margin-bottom:1.5rem; }
.intro-bar-left { display:flex;align-items:center;gap:1rem; }
.intro-meta-label { font-family:var(--font-mono);font-size:0.625rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:0.22em; }
.intro-meta-value { font-size:0.75rem;font-weight:500;color:var(--text-muted); }
.intro-meta-divider { width:1px;height:12px;background:rgba(255,255,255,0.1);margin:0 0.5rem; }
.project-status-dot { width:6px;height:6px;border-radius:50%; }
.dot-deployed { background:#10B981;box-shadow:0 0 10px rgba(16,185,129,0.4); }
.dot-inprogress { background:#EAB308; }
.project-modal-elite-title { font-family:var(--font-display);font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;color:white;margin-bottom:2rem;letter-spacing:-0.02em; }
.project-modal-hero-gallery { position:relative;margin-bottom:3rem; }
.gallery-main-frame { width:100%;aspect-ratio:16/8;border-radius:1rem;overflow:hidden;background:#000;border:1px solid rgba(255,255,255,0.03); }
.gallery-img { width:100%;height:100%;object-fit:cover;opacity:0.85; }
.gallery-tags-floating { position:absolute;bottom:-1.5rem;right:2rem;display:flex;gap:0.75rem; }
.floating-tag { background:rgba(2,5,16,0.8);backdrop-filter:blur(10px);padding:0.5rem 1.25rem;border-radius:0.5rem;font-family:var(--font-mono);font-size:0.65rem;text-transform:uppercase;color:var(--accent);border:1px solid rgba(0,212,255,0.15); }
.narrative-grid { display:grid;grid-template-columns:1.5fr 1fr;gap:6rem; }
@media (max-width:1024px) { .narrative-grid { grid-template-columns:1fr;gap:4rem; } }
.narrative-subtitle { font-family:var(--font-display);font-size:0.75rem;font-weight:700;text-transform:uppercase;color:var(--primary-light);letter-spacing:0.15em;margin-bottom:1.5rem; }
.narrative-desc-lead { font-size:1.25rem;line-height:1.6;color:var(--text-primary);margin-bottom:2rem;font-weight:400; }
.narrative-desc-full { font-size:0.875rem;line-height:1.8;color:var(--text-muted);font-weight:400; }
.specs-elite-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:4rem; }
.elite-spec { display:flex;flex-direction:column;gap:0.5rem; }
.spec-elite-label { font-family:var(--font-mono);font-size:0.625rem;text-transform:uppercase;color:var(--text-dim);letter-spacing:0.15em; }
.spec-elite-value { font-size:0.8125rem;color:var(--text-primary);font-weight:500; }
.narrative-actions-elite { display:flex;flex-direction:column;gap:1rem; }
.elite-action-btn { width:100%;padding:1.25rem;border-radius:0.75rem;font-size:0.75rem;font-weight:700;text-transform:uppercase;letter-spacing:0.15em;display:flex;align-items:center;justify-content:center;gap:0.75rem;transition:all 0.3s;cursor:pointer;text-decoration:none; }
.elite-action-btn.primary { background:var(--primary);color:white;border:none; }
.elite-action-btn.primary:hover { background:var(--primary-light);transform:translateY(-4px);box-shadow:0 15px 30px rgba(0,102,255,0.25); }
.elite-action-btn.secondary { background:transparent;border:1px solid rgba(255,255,255,0.05);color:var(--text-dim); }
.elite-action-btn.secondary:hover { background:rgba(255,255,255,0.03);color:white; }

/* ============================================================ */
/* CONTACT SECTION                                                 */
/* ============================================================ */
.contact-section { position:relative;padding-top:7rem;padding-bottom:7rem;overflow:hidden; }
.contact-container { position:relative;z-index:10;max-width:80rem;margin:0 auto;padding:0 2rem; }
.contact-grid { display:grid;grid-template-columns:1fr;gap:3rem;align-items:flex-start; }
@media (min-width:1024px) { .contact-grid { grid-template-columns:2fr 3fr; } }
.contact-left-col { display:flex;flex-direction:column;gap:2rem; }
.contact-header-title { font-family:var(--font-display);font-weight:600;font-size:1.25rem;color:white;margin-bottom:0.75rem; }
.contact-header-desc { font-size:0.875rem;line-height:1.7;color:var(--text-muted); }
.contact-info-list { display:flex;flex-direction:column;gap:1.25rem;margin-top:1rem; }
.contact-info-item { display:flex;align-items:center;gap:1rem;transition:transform 0.3s; }
.contact-info-item:hover { transform:translateX(5px); }
.contact-info-icon { width:2.75rem;height:2.75rem;border-radius:0.75rem;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:rgba(0,102,255,0.08);border:1px solid rgba(0,102,255,0.2);color:var(--accent); }
.contact-info-label { font-family:var(--font-mono);font-size:0.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.05em; }
.contact-info-value { font-size:0.9375rem;color:var(--text-primary);transition:color 0.3s ease;text-decoration:none; }
a.contact-info-value:hover { color:var(--accent); }
.contact-avail-card { border-radius:1rem;padding:1.5rem;background:linear-gradient(135deg,rgba(0,102,255,0.08),rgba(0,212,255,0.04));border:1px solid rgba(0,102,255,0.15);margin-top:1rem;transition:transform 0.3s; }
.contact-avail-card:hover { transform:translateY(-5px); }
.contact-avail-header { display:flex;align-items:center;gap:0.625rem;margin-bottom:0.5rem; }
.contact-avail-dot { width:0.5rem;height:0.5rem;border-radius:50%;background-color:#34d399;box-shadow:0 0 10px rgba(52,211,153,0.4);animation:pulse 2s ease-in-out infinite; }
.contact-avail-label { font-family:var(--font-mono);font-size:0.75rem;font-weight:600;color:#34d399; }
.contact-avail-desc { font-size:0.875rem;color:var(--text-muted); }
.contact-social-label { font-family:var(--font-mono);font-size:0.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:0.1em;margin-top:1.5rem;margin-bottom:1rem;display:block; }
.contact-social-list { display:flex;gap:1.25rem;margin-bottom:1rem; }
.contact-social-link { width:3.25rem;height:3.25rem;border-radius:1rem;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);color:var(--text-muted);transition:all 0.4s;position:relative;overflow:hidden;backdrop-filter:blur(8px); }
.contact-social-link:hover { color:var(--accent);background:rgba(0,102,255,0.1);border-color:rgba(0,212,255,0.4);box-shadow:0 10px 30px rgba(0,0,0,0.4),0 0 20px rgba(0,212,255,0.2);transform:translateY(-5px); }
.contact-form { display:flex;flex-direction:column;gap:1.25rem; }
.contact-input-group { display:flex;flex-direction:column;gap:0.5rem; }
.contact-form-row { display:grid;grid-template-columns:1fr 1fr;gap:1.25rem; }
@media (max-width:640px) { .contact-form-row { grid-template-columns:1fr; } }
.contact-input-label { font-family:var(--font-mono);font-size:0.75rem;color:var(--text-dim);padding-left:0.25rem; }
.contact-input { width:100%;border-radius:0.75rem;padding:1rem;font-size:0.9375rem;color:white;outline:none;transition:all 0.3s ease;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);font-family:var(--font-body); }
.contact-input:focus { border-color:var(--primary);background:rgba(0,102,255,0.04); }
.contact-textarea { resize:none;min-height:160px; }
.contact-submit-btn { width:100%;padding:1rem;border-radius:0.75rem;font-weight:600;font-size:0.9375rem;color:white;display:flex;align-items:center;justify-content:center;gap:0.75rem;transition:all 0.3s ease;border:none;cursor:pointer;background:linear-gradient(135deg,var(--primary),#0052CC); }
.contact-submit-btn:hover:not(:disabled) { transform:translateY(-2px);box-shadow:0 10px 20px rgba(0,102,255,0.2); }

/* ============================================================ */
/* FOOTER                                                          */
/* ============================================================ */
.footer { position:relative;border-top:1px solid rgba(0,102,255,0.1);padding:5rem 0 2.5rem;background-color:rgba(2,5,16,0.4); }
.footer-gradient-line { position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(0,102,255,0.45),rgba(0,212,255,0.3),transparent); }
.footer-container { max-width:72rem;margin:0 auto;padding:0 1.5rem; }
.footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:4rem;margin-bottom:4rem; }
@media (max-width:768px) { .footer-grid { grid-template-columns:1fr;text-align:center;gap:3rem; } .footer-col-brand,.footer-col-social { align-items:center;display:flex;flex-direction:column; } }
.footer-logo { display:flex;align-items:center;gap:0.5rem; }
.footer-logo-text { font-family:var(--font-display);font-size:1.35rem;font-weight:800;text-transform:uppercase;letter-spacing:-0.025em;background:linear-gradient(90deg,#00eeff 0%,#00eeff 35%,#ffffff 50%,#00eeff 65%,#00eeff 100%);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:logo-shine-sweep 3s ease-in-out infinite; }
.footer-tagline { font-family:var(--font-body);font-size:0.9375rem;line-height:1.6;color:var(--text-muted); }
.footer-nickname { color:var(--accent);font-weight:500;font-size:0.875rem; }
.footer-location { display:flex;align-items:center;gap:0.5rem;font-family:var(--font-mono);font-size:0.75rem;color:var(--text-dim); }
.footer-icon-primary { color:var(--accent); }
.footer-col-title { font-family:var(--font-display);font-size:0.875rem;font-weight:700;text-transform:uppercase;letter-spacing:0.1em;color:var(--text-primary);margin-bottom:1.5rem; }
.footer-nav-vertical { display:flex;flex-direction:column;gap:0.875rem; }
.footer-nav-link { font-family:var(--font-body);font-size:0.875rem;color:var(--text-dim);text-decoration:none;transition:all 0.3s ease;width:fit-content; }
.footer-nav-link:hover { color:var(--accent);transform:translateX(4px); }
.footer-contact-info { margin-bottom:1.5rem; }
.footer-contact-link { display:flex;align-items:center;gap:0.625rem;font-family:var(--font-body);font-size:0.875rem;color:var(--text-dim);text-decoration:none;transition:color 0.3s ease; }
.footer-contact-link:hover { color:var(--accent); }
.footer-social-wrapper { display:flex;gap:0.75rem; }
.footer-social-btn { width:2.5rem;height:2.5rem;border-radius:50%;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);color:var(--text-muted);transition:all 0.3s ease; }
.footer-social-btn:hover { background:rgba(0,102,255,0.1);border-color:var(--accent);color:var(--accent);transform:translateY(-3px);box-shadow:0 5px 15px rgba(0,102,255,0.2); }
.footer-bottom { position:relative; }
.footer-bottom-divider { width:100%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.05),transparent);margin-bottom:2rem; }
.footer-bottom-content { display:flex;justify-content:center;padding-bottom:1rem; }
.footer-copyright { font-family:var(--font-mono);font-size:0.75rem;color:var(--text-dim);text-align:center;line-height:1.8; }
.footer-name-highlight { color:var(--text-primary);font-weight:500; }

/* ============================================================ */
/* CHATBOT                                                         */
/* ============================================================ */
.chatbot-panel-elite { position:fixed;top:90px;right:2rem;z-index:9999;width:380px;pointer-events:auto;display:none; }
.chatbot-window-elite { width:100%;max-height:75vh;background:rgba(10,15,25,0.85);border:1px solid rgba(255,255,255,0.08);border-radius:1.5rem;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 40px -12px rgba(0,0,0,0.5),0 0 30px rgba(0,102,255,0.08);backdrop-filter:blur(40px); }
.chatbot-header { padding:1.125rem 1.25rem;background:rgba(255,255,255,0.02);border-bottom:1px solid rgba(255,255,255,0.05);display:flex;align-items:center;justify-content:space-between; }
.chatbot-header-info { display:flex;align-items:center;gap:0.875rem; }
.chatbot-avatar { width:2.25rem;height:2.25rem;background:rgba(0,102,255,0.1);border:1px solid rgba(0,102,255,0.2);border-radius:0.625rem;display:flex;align-items:center;justify-content:center; }
.chatbot-header-text h4 { font-family:var(--font-display);font-size:1rem;font-weight:600;color:white;margin:0; }
.chatbot-label { display:block;font-family:var(--font-mono);font-size:0.55rem;color:var(--primary-light);letter-spacing:0.15em;margin-bottom:0; }
.chatbot-header-actions { display:flex;align-items:center;gap:1rem; }
.chatbot-status { display:flex;align-items:center;gap:0.375rem;font-size:0.65rem;color:var(--text-dim);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:0.05em; }
.chatbot-status-dot { width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 10px rgba(16,185,129,0.5); }
.chatbot-close-elite { background:transparent;border:none;color:var(--text-dim);cursor:pointer;padding:0.375rem;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all 0.3s; }
.chatbot-close-elite:hover { background:rgba(255,255,255,0.05);color:white;transform:rotate(90deg); }
.chatbot-messages { flex:1;overflow-y:auto;padding:1.25rem;display:flex;flex-direction:column;gap:1.125rem;scroll-behavior:smooth; }
.chatbot-messages::-webkit-scrollbar { width:3px; }
.chatbot-messages::-webkit-scrollbar-thumb { background:rgba(255,255,255,0.05);border-radius:10px; }
.message { max-width:90%;padding:0.75rem 1rem;border-radius:0.875rem;font-size:0.8125rem;line-height:1.6;position:relative;word-wrap:break-word; }
.message-ai { align-self:flex-start;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);color:var(--text-primary);border-bottom-left-radius:0.2rem; }
.message-user { align-self:flex-end;background:linear-gradient(135deg,var(--primary),#0047cc);color:white;border-bottom-right-radius:0.2rem;box-shadow:0 4px 15px rgba(0,102,255,0.15); }
.typing-indicator { display:none;align-self:flex-start;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.05);padding:0.75rem 1rem;border-radius:0.875rem;gap:4px; }
.typing-dot { width:3px;height:3px;background:var(--text-dim);border-radius:50%;animation:typingBounce 1.4s infinite ease-in-out both; }
.typing-dot:nth-child(2) { animation-delay:0.16s; }
.typing-dot:nth-child(3) { animation-delay:0.32s; }
.chatbot-footer { padding:1rem 1.25rem;background:rgba(255,255,255,0.01);border-top:1px solid rgba(255,255,255,0.05); }
.chatbot-input-wrapper-elite { display:flex;align-items:center;gap:0.625rem;background:rgba(255,255,255,0.03);border:1px solid rgba(255,255,255,0.08);border-radius:0.875rem;padding:0.2rem 0.2rem 0.2rem 1rem;transition:all 0.3s; }
.chatbot-input-wrapper-elite:focus-within { border-color:var(--primary);box-shadow:0 0 15px rgba(0,102,255,0.08); }
.chatbot-input-elite { flex:1;background:transparent;border:none;outline:none;color:white;font-size:0.8125rem;padding:0.625rem 0;font-family:var(--font-body); }
.chatbot-input-elite::placeholder { color:var(--text-dim); }
.chatbot-send-elite { width:2.25rem;height:2.25rem;background:var(--primary);border:none;border-radius:0.625rem;color:white;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.3s; }
.chatbot-send-elite:hover:not(:disabled) { background:var(--primary-light);transform:translateY(-2px); }
.chatbot-send-elite:disabled { opacity:0.5;cursor:not-allowed; }
@media (max-width:768px) { .chatbot-panel-elite { top:auto;bottom:2rem;right:1.5rem;width:calc(100% - 3rem);max-width:400px; } }
.floating-chatbot-btn { position:fixed;bottom:2rem;right:2rem;width:3.5rem;height:3.5rem;border-radius:50%;background:linear-gradient(135deg,var(--primary),var(--accent));color:white;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px rgba(0,102,255,0.4);z-index:999;cursor:pointer;transition:transform 0.3s cubic-bezier(0.175,0.885,0.32,1.275),box-shadow 0.3s;border:none; }
.floating-chatbot-btn:hover { transform:scale(1.1) translateY(-5px);box-shadow:0 15px 35px rgba(0,212,255,0.5); }
@media (max-width:768px) { .floating-chatbot-btn { bottom:1.5rem;right:1.5rem; } }
.shadow-premium { box-shadow:0 4px 20px rgba(0,0,0,0.4),0 0 40px rgba(0,102,255,0.05),inset 0 1px 0 rgba(255,255,255,0.05); }