/* Bundled CSS - Generated on Tue Jul  1 18:48:49 PDT 2025 *//* Source:main.css */ .u-section-1{  background-image:none;  min-height:704px;}.u-section-1 .u-layout-wrap-1{  width:calc(((100% - 1140px) / 2)  1140px);  margin:0 auto 0 0;}.u-section-1 .u-image-1{  min-height:704px;  background-image:url("./images/profile-background.jpg");  background-position:50% 50%;}.u-section-1 .u-container-layout-1{  padding:30px;}.u-section-1 .u-layout-cell-2{  min-height:778px;}.u-section-1 .u-container-layout-2{  padding:50px;}.u-section-1 .u-text-1{  font-size:5rem;  line-height:1;  font-weight:400;  margin:0 auto 0 0;}.u-section-1 .u-text-2{  font-size:1.5rem;  letter-spacing:1px;  text-transform:none;  margin:20px auto 0 0;}.u-section-1 .u-text-3{  margin:24px 0 0;}.u-section-1 .u-icon-1{  color:rgb(46,147,122) !important;}.u-section-1 .u-btn-1{  background-image:none;  font-weight:700;  padding:0;}.u-section-1 .u-btn-2{  background-image:none;  letter-spacing:1px;  text-shadow:0 0 0 rgba(0,0,0,0);  font-size:1.125rem;  border-style:none;  text-transform:uppercase;  font-weight:600;  margin:10px auto 0 0;  padding:14px 73px 15px 71px;}.u-section-1 .u-icon-2{  color:rgb(194,98,175) !important;}@media (max-width:1199px){   .u-section-1{    min-height:571px;}  .u-section-1 .u-layout-wrap-1{    width:calc(((100% - 940px) / 2)  940px);}  .u-section-1 .u-image-1{    min-height:580px;}  .u-section-1 .u-layout-cell-2{    min-height:642px;}  .u-section-1 .u-container-layout-2{    padding-top:40px;    padding-right:40px;    padding-bottom:40px;}  .u-section-1 .u-text-1{    font-size:4.25rem;    margin-right:0;}}@media (max-width:991px){   .u-section-1{    min-height:392px;}  .u-section-1 .u-layout-wrap-1{    width:calc(((100% - 720px) / 2)  720px);}  .u-section-1 .u-image-1{    min-height:444px;}  .u-section-1 .u-layout-cell-2{    min-height:444px;}  .u-section-1 .u-container-layout-2{    padding:30px 0;}  .u-section-1 .u-text-1{    font-size:3.4375rem;    margin-top:12px;    margin-left:30px;    margin-right:30px;}  .u-section-1 .u-text-2{    margin-left:30px;}  .u-section-1 .u-text-3{    margin-left:30px;    margin-right:30px;}  .u-section-1 .u-btn-2{    margin-right:-13px;    margin-left:auto;}}@media (max-width:767px){   .u-section-1{    min-height:714px;}  .u-section-1 .u-layout-wrap-1{    width:calc(((100% - 540px) / 2)  540px);}  .u-section-1 .u-image-1{    min-height:666px;}  .u-section-1 .u-container-layout-1{    padding-right:0;    padding-left:10px;}  .u-section-1 .u-layout-cell-2{    min-height:424px;}  .u-section-1 .u-container-layout-2{    padding:50px;}  .u-section-1 .u-text-1{    font-size:3.75rem;    margin-top:0;}  .u-section-1 .u-btn-2{    margin-top:13px;    margin-right:auto;    margin-left:30px;}}@media (max-width:575px){   .u-section-1{    min-height:865px;}  .u-section-1 .u-layout-wrap-1{    margin-right:initial;    margin-left:initial;    width:auto;}  .u-section-1 .u-image-1{    min-height:400px;}  .u-section-1 .u-container-layout-1{    padding-bottom:0;}  .u-section-1 .u-layout-cell-2{    min-height:446px;}  .u-section-1 .u-container-layout-2{    padding:30px 0;}  .u-section-1 .u-text-1{    font-size:3rem;    width:auto;    margin-top:24px;    margin-right:101px;    margin-left:37px;}  .u-section-1 .u-text-2{    width:auto;    margin-top:15px;    margin-left:37px;}  .u-section-1 .u-text-3{    width:auto;    margin-top:19px;    margin-right:67px;    margin-left:37px;}  .u-section-1 .u-btn-2{    margin-top:31px;    margin-right:31px;    margin-left:auto;}}/* Source:professional-enhancements.css *//* Professional Website Enhancements *//* Import modern fonts */@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap');/* Global improvements */*{  box-sizing:border-box;}html{  scroll-behavior:smooth;}body{  font-family:'Inter',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;  line-height:1.6;  -webkit-font-smoothing:antialiased;  -moz-osx-font-smoothing:grayscale;  margin:0px;}/* Modern Hero Section */.modern-hero{  min-height:100vh;  background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);  position:relative;  overflow:hidden;  display:flex;  align-items:center;  justify-content:center;  padding:80px 0 40px;  @media (max-width:768px){    padding:40px 0 20px;}}.modern-hero::before{  content:'';  position:absolute;  top:0;  left:0;  right:0;  bottom:0;  background:    radial-gradient(circle at 20% 80%,rgba(120,119,198,0.3) 0%,transparent 50%),    radial-gradient(circle at 80% 20%,rgba(255,119,198,0.3) 0%,transparent 50%),    radial-gradient(circle at 40% 40%,rgba(120,219,255,0.3) 0%,transparent 50%);  animation:float 20s ease-in-out infinite;}@keyframes float{  0%,100%{transform:translateY(0px);}  50%{transform:translateY(-20px);}}.hero-container{  max-width:1200px;  width:100%;  margin:0 auto;  padding:0 24px;  position:relative;  z-index:1;}.hero-content{  padding:90px 32px 80px 32px !important;  max-width:750px !important;  background:#fff !important;  backdrop-filter:blur(20px);  border-radius:32px;  border:1px solid rgba(255,255,255,0.3);  box-shadow:0 20px 60px rgba(0,0,0,0.13),0 8px 32px rgba(0,0,0,0.10);  text-align:center;  position:relative;  margin:0 auto;  animation:slideInUp 0.8s ease-out;}@keyframes slideInUp{  0%{    opacity:0;    transform:translateY(60px);}  100%{    opacity:1;    transform:translateY(0);}}/* Remove old section styling */.u-section-1{  display:none;}/* Enhanced Typography System with Vertical Stacking */.hero-header{  text-align:center;  display:flex;  flex-direction:column;  align-items:center;  gap:0;}.u-text-1,.hero-title{  font-family:'Inter',sans-serif !important;  font-weight:800 !important;  font-size:4rem !important;  letter-spacing:-0.04em !important;  background:linear-gradient(135deg,#1f2937 0%,#4f46e5 100%) !important;  -webkit-background-clip:text !important;  -webkit-text-fill-color:#4f46e5 !important;  background-clip:text !important;  margin:0 0 32px 0 !important;  line-height:1.05 !important;  text-align:center;  width:100%;}.u-text-2,.hero-subtitle{  font-family:'Inter',sans-serif !important;  font-weight:600 !important;  color:#6366f1 !important;  margin:0 0 32px 0 !important;  position:relative;  display:inline-block;  padding:14px 28px;  background:linear-gradient(135deg,rgba(99,102,241,0.1) 0%,rgba(139,92,246,0.1) 100%);  border:1px solid rgba(99,102,241,0.2);  border-radius:50px;  letter-spacing:0.1em;  text-transform:uppercase;  font-size:0.9rem !important;  box-shadow:0 4px 15px rgba(99,102,241,0.1);  transition:all 0.3s ease;  width:auto;}.u-text-2:hover{  transform:translateY(-2px);  box-shadow:0 8px 25px rgba(99,102,241,0.2);  border-color:rgba(99,102,241,0.3);}.u-text-2::before{  content:'👨‍💼';  margin-right:10px;  font-size:1.1em;}/* Enhanced email container with better positioning */.email-container{  background:rgba(255,255,255,0.8);  border:1px solid rgba(99,102,241,0.2);  border-radius:16px;  padding:20px 24px;  margin:0 auto 48px auto;  display:inline-flex;  align-items:center;  justify-content:center;  gap:12px;  transition:all 0.3s ease;  box-shadow:0 4px 20px rgba(99,102,241,0.1);  max-width:400px;}.email-container:hover{  transform:translateY(-2px);  box-shadow:0 8px 30px rgba(99,102,241,0.2);  border-color:rgba(99,102,241,0.3);}.email-icon{  width:20px;  height:20px;  color:#6366f1;  flex-shrink:0;}.email-label{  font-family:'Inter',sans-serif;  font-weight:500;  color:#6b7280;  font-size:0.875rem;  text-transform:uppercase;  letter-spacing:0.05em;  margin-right:8px;}.email-link{  font-family:'Inter',sans-serif !important;  font-weight:600 !important;  color:#6366f1 !important;  text-decoration:none !important;  font-size:1rem;  transition:all 0.3s ease;  border-radius:8px;  padding:4px 8px;}.email-link:hover{  color:#4f46e5 !important;  background:rgba(99,102,241,0.1);  transform:none !important;}/* Remove old styling */.u-section-1 .u-text-1,.u-section-1 .u-text-2,.u-section-1 .u-text-3,.u-section-1 .u-btn-1{  /* Override old styles */}/* Modern consistent button styles */.u-btn-2,.modern-btn{  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);  border:none;  border-radius:16px;  padding:16px 32px;  font-family:'Inter',sans-serif;  font-weight:600;  font-size:1rem;  letter-spacing:0.025em;  color:white !important;  box-shadow:0 4px 20px rgba(99,102,241,0.25);  transition:all 0.3s cubic-bezier(0.4,0,0.2,1);  position:relative;  overflow:hidden;  margin:12px 8px;  text-transform:none;  display:inline-flex;  align-items:center;  justify-content:center;  gap:8px;  text-decoration:none;  min-width:200px;  cursor:pointer;}.u-section-1 .u-btn-2::before{  content:'';  position:absolute;  top:0;  left:-100%;  width:100%;  height:100%;  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);  transition:left 0.5s;}.u-section-1 .u-btn-2:hover{  transform:translateY(-2px);  box-shadow:0 8px 25px rgba(99,102,241,0.4);}.u-section-1 .u-btn-2:hover::before{  left:100%;}.u-section-1 .u-btn-2:active{  transform:translateY(0);}/* Button variations */.u-btn-2:nth-child(4){  background:linear-gradient(135deg,#10b981 0%,#059669 100%);  box-shadow:0 4px 15px rgba(16,185,129,0.3);}.u-btn-2:nth-child(4):hover{  box-shadow:0 8px 25px rgba(16,185,129,0.4);}.u-btn-2:nth-child(5){  background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%);  box-shadow:0 4px 15px rgba(245,158,11,0.3);}.u-btn-2:nth-child(5):hover{  box-shadow:0 8px 25px rgba(245,158,11,0.4);}.u-btn-2:nth-child(6){  background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%);  box-shadow:0 4px 15px rgba(239,68,68,0.3);}.u-btn-2:nth-child(6):hover{  box-shadow:0 8px 25px rgba(239,68,68,0.4);}/* Enhanced container layout */.u-section-1 .u-container-layout-2{  background:rgba(255,255,255,0.95);  backdrop-filter:blur(10px);  border-radius:24px;  border:1px solid rgba(255,255,255,0.2);  box-shadow:0 8px 32px rgba(0,0,0,0.1);  padding:64px;  position:relative;}/* Add subtle animation on page load */.u-container-layout-2{  animation:slideInFromRight 0.8s ease-out;}@keyframes slideInFromRight{  0%{    opacity:0;    transform:translateX(50px);}  100%{    opacity:1;    transform:translateX(0);}}/* Enhanced email icon */.u-section-1 .u-icon-1{  color:#6366f1 !important;  margin-right:8px;  transition:transform 0.3s ease;}.u-section-1 .u-icon-1:hover{  transform:scale(1.1);}/* Professional footer styling */.modern-footer{  background:linear-gradient(135deg,#1f2937 0%,#111827 100%);  position:relative;  overflow:hidden;  padding:64px 0 32px;}.modern-footer::before{  content:'';  position:absolute;  top:0;  left:0;  right:0;  bottom:0;  background:    radial-gradient(circle at 20% 80%,rgba(99,102,241,0.1) 0%,transparent 50%),    radial-gradient(circle at 80% 20%,rgba(139,92,246,0.1) 0%,transparent 50%);  pointer-events:none;}.footer-container{  max-width:1200px;  width:100%;  margin:0 auto;  padding:0 24px;  position:relative;  z-index:1;}.footer-content{  display:grid;  grid-template-columns:1fr 2fr;  gap:48px;  margin-bottom:48px;}.footer-info{  display:flex;  flex-direction:column;  gap:24px;}.footer-logo h3{  font-family:'Inter',sans-serif;  font-weight:700;  font-size:1.5rem;  color:#ffffff;  margin:0 0 8px 0;  background:linear-gradient(135deg,#ffffff 0%,#e5e7eb 100%);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent;  background-clip:text;}.footer-logo p{  font-family:'Inter',sans-serif;  font-weight:500;  color:#9ca3af;  margin:0;  font-size:0.875rem;}.footer-description p{  font-family:'Inter',sans-serif;  color:#d1d5db;  line-height:1.6;  margin:0;  font-size:0.875rem;}.footer-links{  display:grid;  grid-template-columns:1fr;  gap:32px;}.footer-section h4{  font-family:'Inter',sans-serif;  font-weight:600;  color:#ffffff;  margin:0 0 16px 0;  font-size:0.875rem;  text-transform:uppercase;  letter-spacing:0.05em;}.footer-section ul{  list-style:none;  padding:0;  margin:0;  display:flex;  flex-direction:column;  gap:8px;}.footer-section ul li{  margin:0;}.footer-section ul li a{  font-family:'Inter',sans-serif;  color:#9ca3af;  text-decoration:none;  font-size:0.875rem;  transition:all 0.3s ease;  padding:4px 0;  display:inline-block;  position:relative;}.footer-section ul li a:hover{  color:#6366f1;  transform:translateX(4px);}.footer-section ul li a::after{  content:'';  position:absolute;  bottom:0;  left:0;  width:0;  height:1px;  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);  transition:width 0.3s ease;}.footer-section ul li a:hover::after{  width:100%;}.footer-social{  display:flex;  flex-direction:column;  gap:12px;}.social-link{  display:flex;  align-items:center;  gap:8px;  font-family:'Inter',sans-serif;  color:#9ca3af;  text-decoration:none;  font-size:0.875rem;  transition:all 0.3s ease;  padding:8px 12px;  border-radius:8px;  background:rgba(255,255,255,0.05);  backdrop-filter:blur(10px);  border:1px solid rgba(255,255,255,0.1);}.social-link:hover{  color:#6366f1;  background:rgba(99,102,241,0.1);  border-color:rgba(99,102,241,0.2);  transform:translateY(-2px);  box-shadow:0 4px 12px rgba(99,102,241,0.2);}.social-link svg{  width:16px;  height:16px;  flex-shrink:0;}.footer-bottom{  border-top:1px solid rgba(255,255,255,0.1);  padding-top:24px;}.footer-bottom-content{  display:flex;  justify-content:space-between;  align-items:center;  flex-wrap:wrap;  gap:16px;}.footer-bottom-content p{  font-family:'Inter',sans-serif;  color:#6b7280;  font-size:0.75rem;  margin:0;}.footer-tech{  display:flex;  align-items:center;  gap:6px;  font-family:'Inter',sans-serif;  color:#6b7280;  font-size:0.75rem;}.tech-heart{  color:#ef4444;  animation:heartbeat 2s ease-in-out infinite;}@keyframes heartbeat{  0%,100%{transform:scale(1);}  50%{transform:scale(1.1);}}/* Responsive footer */@media (max-width:768px){  .modern-footer{    padding:48px 0 24px;}    .footer-content{    grid-template-columns:1fr;    gap:32px;}    .footer-links{    grid-template-columns:1fr;    gap:24px;}    .footer-bottom-content{    flex-direction:column;    text-align:center;}}/* Dark theme compatibility */.dark-theme .modern-footer{  background:linear-gradient(135deg,#0f172a 0%,#020617 100%);}.dark-theme .social-link{  background:rgba(255,255,255,0.03);  border-color:rgba(255,255,255,0.05);}.dark-theme .social-link:hover{  background:rgba(99,102,241,0.15);  border-color:rgba(99,102,241,0.3);}/* Professional header navigation */.professional-header{  position:fixed;  top:0;  left:0;  right:0;  background:rgba(255,255,255,0.6);  backdrop-filter:blur(10px);  border-bottom:1px solid rgba(255,255,255,0.2);  z-index:1001;  padding:12px 0;  transform:translateY(-100%);  transition:transform 0.3s ease;  box-shadow:0 2px 12px rgba(99,102,241,0.07);}.professional-header.visible{  transform:translateY(0);}.header-content{  max-width:1200px;  margin:0 auto;  display:flex;  justify-content:space-between;  align-items:center;  padding:0 24px;}.logo{  font-family:'Inter',sans-serif;  font-weight:700;  font-size:1.2rem;  color:#1f2937 !important;  text-decoration:none;}.nav-links{  display:flex;  gap:32px;  list-style:none;  margin:0;  padding:0;}.nav-links a{  font-family:'Inter',sans-serif;  font-weight:500;  color:#1f2937 !important;  text-decoration:none;  transition:color 0.3s ease;  position:relative;}.nav-links a:hover{  color:#6366f1 !important;}.nav-links a::after{  content:'';  position:absolute;  bottom:-4px;  left:0;  width:0;  height:2px;  background:#6366f1;  transition:width 0.3s ease;}.nav-links a:hover::after{  width:100%;}/* Enhanced skills section */.skills-showcase{  margin-top:48px;  padding-top:32px;  border-top:1px solid rgba(99,102,241,0.1);}.skills-title{  font-family:'Inter',sans-serif;  font-size:1.1rem;  font-weight:600;  color:#374151;  margin-bottom:16px;}.skills-grid{  display:grid;  grid-template-columns:repeat(auto-fit,minmax(120px,1fr));  gap:14px;  margin:16px 0 24px 0;}.skill-badge{  display:flex;  align-items:center;  justify-content:center;  min-width:110px;  height:auto;  min-height:40px;  background:rgba(99,102,241,0.08);  color:#3730a3;  font-family:'Inter',sans-serif;  font-size:0.85rem;  font-weight:600;  border-radius:12px;  padding:0 10px;  box-sizing:border-box;  text-align:center;  transition:background 0.2s,color 0.2s,box-shadow 0.2s;  white-space:normal;  word-break:break-word;  line-height:1.2;}.skill-badge:hover{  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);  color:#fff;  box-shadow:0 2px 12px rgba(99,102,241,0.10);}@media (max-width:600px){  .skills-grid{    grid-template-columns:repeat(auto-fit,minmax(120px,1fr));    gap:10px;}  .skill-badge{    font-size:0.8rem;    padding:4px 6px;}}/* Professional stats */.stats-section{  display:flex;  justify-content:center;  align-items:center;  margin:32px 0 16px 0;  width:100%;}.stat-card{  background:linear-gradient(135deg,#f8fafc 60%,#e0e7ff 100%);  border-radius:24px;  box-shadow:0 4px 24px rgba(99,102,241,0.10);  padding:20px 36px 16px 36px;  display:flex;  flex-direction:column;  align-items:center;  min-width:120px;  max-width:320px;  border:2px solid #6366f1;  position:relative;}.stat-card:hover{  transform:translateY(-4px);  box-shadow:0 8px 25px rgba(0,0,0,0.1);}.stat-number{  font-size:3.5rem;  font-weight:800;  color:#6366f1;  margin-bottom:4px;  line-height:1.1;  letter-spacing:-0.03em;  text-shadow:0 2px 8px rgba(99,102,241,0.08);}.stat-label{  font-size:1.1rem;  font-weight:600;  color:#1e293b;  letter-spacing:0.01em;  text-align:center;}@media (max-width:600px){  .stats-section{    margin:18px 0 8px 0;}  .stat-card{    padding:14px 8px 10px 8px;    min-width:0;    max-width:95vw;    border-radius:16px;}  .stat-number{    font-size:2.2rem;}  .stat-label{    font-size:1rem;}}/* Floating action button for back to top */.fab{  position:fixed;  bottom:24px;  right:24px;  width:56px;  height:56px;  border-radius:50%;  background:linear-gradient(135deg,#6366f1 0%,#8b5cf6 100%);  border:none;  box-shadow:0 4px 20px rgba(99,102,241,0.3);  cursor:pointer;  z-index:1000;  transition:all 0.3s ease;  opacity:0;  transform:scale(0.8);}.fab.visible{  opacity:1;  transform:scale(1);}.fab:hover{  transform:scale(1.1);  box-shadow:0 6px 25px rgba(99,102,241,0.4);}.fab svg{  width:24px;  height:24px;  fill:white;}/* Theme toggle button */.theme-toggle{  background:none;  border:2px solid rgba(99,102,241,0.2);  border-radius:50%;  width:40px;  height:40px;  cursor:pointer;  transition:all 0.3s ease;  display:flex;  align-items:center;  justify-content:center;}.theme-toggle:hover{  border-color:#6366f1;  background:rgba(99,102,241,0.1);}.theme-toggle svg{  width:20px;  height:20px;  fill:#6366f1;}/* Dark theme styles */.dark-theme{  background:linear-gradient(135deg,#1f2937 0%,#111827 100%);  color:#f9fafb;}.dark-theme .u-section-1 .u-container-layout-2{  background:rgba(31,41,55,0.95);  border:1px solid rgba(75,85,99,0.3);}.dark-theme .u-section-1 .u-text-1{  background:linear-gradient(135deg,#f9fafb 0%,#e5e7eb 100%);  -webkit-background-clip:text;  -webkit-text-fill-color:transparent;  background-clip:text;}.dark-theme .u-section-1 .u-text-3{  color:#d1d5db;}.dark-theme .skill-badge{  background:rgba(99,102,241,0.2);  border-color:rgba(99,102,241,0.3);  color:#a5b4fc;}.dark-theme .stat-card{  background:rgba(31,41,55,0.8);  border-color:rgba(75,85,99,0.3);}.dark-theme .professional-header{  background:rgba(31,41,55,0.95);  border-bottom-color:rgba(75,85,99,0.2);}.dark-theme .logo{  color:#f9fafb;}.dark-theme .nav-links a{  color:#d1d5db;}.dark-theme .nav-links a:hover{  color:#a5b4fc;}/* Improved button spacing and alignment */.button-grid{  display:grid;  grid-template-columns:repeat(auto-fit,minmax(200px,1fr));  gap:16px;  margin-top:32px;}@media (max-width:768px){  .button-grid{    grid-template-columns:1fr;    gap:12px;}    .modern-hero{    padding:60px 0 20px;    min-height:auto;}    .hero-content{    padding:32px 24px;    border-radius:20px;    margin:16px;}    .u-text-1{    font-size:2.5rem !important;    line-height:1.1 !important;    white-space:normal !important;    overflow:visible !important;    animation:fadeInUp 0.6s ease-out !important;}    .u-text-2{    font-size:1.2rem !important;}    .u-btn-2{    width:100% !important;    margin:8px 0 !important;    padding:16px 24px !important;    justify-content:center !important;}}/* Experience Summary Section */.experience-summary{  margin-top:48px;  padding-top:32px;  border-top:1px solid rgba(99,102,241,0.1);}.experience-title{  font-family:'Inter',sans-serif;  font-size:1.1rem;  font-weight:600;  color:#374151;  margin-bottom:24px;  text-align:center;}.experience-grid{  display:grid;  grid-template-columns:repeat(auto-fit,minmax(300px,1fr));  gap:24px;  margin-bottom:32px;}.experience-card{  background:rgba(255,255,255,0.8);  border:1px solid rgba(99,102,241,0.2);  border-radius:16px;  padding:24px;  transition:all 0.3s ease;  position:relative;  overflow:hidden;}.experience-card:hover{  transform:translateY(-4px);  box-shadow:0 12px 35px rgba(99,102,241,0.15);  border-color:rgba(99,102,241,0.3);}.company-name{  font-family:'Inter',sans-serif;  font-size:1.2rem;  font-weight:700;  color:#6366f1;  margin-bottom:8px;}.position{  font-family:'Inter',sans-serif;  font-size:0.9rem;  font-weight:600;  color:#374151;  margin-bottom:4px;}.achievement{  font-family:'Inter',sans-serif;  font-size:0.85rem;  color:#6b7280;  margin-bottom:6px;  line-height:1.4;}@media (max-width:768px){  .experience-grid{    grid-template-columns:1fr;    gap:16px;}    .experience-card{    padding:20px;}    .company-name{    font-size:1.1rem;}    .position{    font-size:0.85rem;}    .achievement{    font-size:0.8rem;}}/* Add back missing styles that were accidentally removed *//* Button variations */.u-btn-2[href*="btcpay"]{  background:linear-gradient(135deg,#f59e0b 0%,#d97706 100%) !important;  box-shadow:0 4px 20px rgba(245,158,11,0.25) !important;}.u-btn-2[href*="btcpay"]:hover{  box-shadow:0 8px 30px rgba(245,158,11,0.4) !important;}.u-btn-2[href*="snake"]{  background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;  box-shadow:0 4px 20px rgba(16,185,129,0.25) !important;}.u-btn-2[href*="snake"]:hover{  box-shadow:0 8px 30px rgba(16,185,129,0.4) !important;}.u-btn-2[href*="charts"]{  background:linear-gradient(135deg,#ef4444 0%,#dc2626 100%) !important;  box-shadow:0 4px 20px rgba(239,68,68,0.25) !important;}.u-btn-2[href*="charts"]:hover{  box-shadow:0 8px 30px rgba(239,68,68,0.4) !important;}.u-btn-2[href*="resume"]{  background:linear-gradient(135deg,#8b5cf6 0%,#ec4899 100%) !important;  box-shadow:0 4px 20px rgba(139,92,246,0.25) !important;}.u-btn-2[href*="resume"]:hover{  box-shadow:0 8px 30px rgba(139,92,246,0.4) !important;}/* Special styling for contact CTA button */.contact-btn{  background:linear-gradient(135deg,#10b981 0%,#059669 100%) !important;  box-shadow:0 6px 25px rgba(16,185,129,0.3) !important;  border:2px solid rgba(16,185,129,0.2) !important;  font-weight:700 !important;  position:relative;  overflow:hidden;}.contact-btn:hover{  box-shadow:0 10px 35px rgba(16,185,129,0.5) !important;  transform:translateY(-3px) !important;  border-color:rgba(16,185,129,0.4) !important;}.contact-btn::before{  content:'';  position:absolute;  top:0;  left:-100%;  width:100%;  height:100%;  background:linear-gradient(90deg,transparent,rgba(255,255,255,0.3),transparent);  transition:left 0.6s;}.contact-btn:hover::before{  left:100%;}/* Pulse animation for contact button */.contact-btn{  animation:subtle-pulse 3s ease-in-out infinite;}@keyframes subtle-pulse{  0%,100%{    box-shadow:0 6px 25px rgba(16,185,129,0.3);}  50%{    box-shadow:0 6px 25px rgba(16,185,129,0.5);}}/* Homepage button grid:horizontal row for 3 buttons */.buttons-container{  display:flex;  flex-direction:row;  justify-content:center;  align-items:center;  gap:20px;  width:100%;  max-width:860px;  background:#fff;  border-radius:18px;  box-shadow:0 2px 16px rgba(99,102,241,0.07);}.buttons-container .u-btn-2{  flex:1 1 0;  min-width:180px;  max-width:260px;  width:100%;  height:60px;  font-size:1.18rem;  padding:18px 0;  display:flex;  align-items:center;  justify-content:center;}@media (max-width:700px){  .buttons-container{    flex-direction:column;    gap:8px;    max-width:95vw;    width:100%;    padding:12px 6px;}  .buttons-container .u-btn-2{    min-width:0;    max-width:100%;    width:100%;    height:52px;    font-size:1.08rem;    padding:14px 0;}}/* Projects page button grid:2 columns on desktop,1 on mobile */.projects-buttons-container{  display:grid;  grid-template-columns:1fr 1fr;  gap:32px;  width:100%;  max-width:700px;  margin:32px auto 0 auto;}.projects-buttons-container .u-btn-2{  width:100%;  min-width:0;  max-width:none;  height:64px;  font-size:1.18rem;  padding:18px 0;  display:flex;  align-items:center;  justify-content:center;}@media (max-width:700px){  .projects-buttons-container{    grid-template-columns:1fr;    gap:18px;    max-width:95vw;}  .projects-buttons-container .u-btn-2{    height:54px;    font-size:1.05rem;    padding:12px 0;}}/* Professional loading animation */@keyframes fadeInUp{  from{    opacity:0;    transform:translateY(30px);}  to{    opacity:1;    transform:translateY(0);}}.u-text-1,.u-text-2,.u-text-3,.u-btn-2{  animation:fadeInUp 0.6s ease-out;  animation-fill-mode:both;}.u-text-1{animation-delay:0.1s;}.u-text-2{animation-delay:0.2s;}.u-text-3{animation-delay:0.3s;}.u-btn-2:nth-child(4){animation-delay:0.4s;}.u-btn-2:nth-child(5){animation-delay:0.5s;}.u-btn-2:nth-child(6){animation-delay:0.6s;}.u-btn-2:nth-child(7){animation-delay:0.7s;}.u-btn-2:nth-child(8){animation-delay:0.8s;}/* Responsive improvements */@media (max-width:768px){  .u-section-1 .u-container-layout-2{    padding:32px 24px;    margin:16px;    border-radius:16px;}    .u-section-1 .u-text-1{    font-size:2.5rem;    line-height:1.1;}    .u-section-1 .u-btn-2{    padding:14px 24px;    font-size:0.9rem;    width:100%;    justify-content:center;    margin:6px 0;}    .button-grid{    grid-template-columns:1fr;}    .modern-hero{    padding:60px 0 20px;}    .hero-content{    padding:48px 6vw 36px 6vw !important;}    .u-text-1{    font-size:2.5rem !important;    line-height:1.1 !important;}    .u-text-2{    font-size:0.8rem !important;}    .u-btn-2{    padding:12px 20px;    font-size:0.875rem;    min-width:160px;}}/* Responsive company logos for experience section */.experience-logos{  display:flex;  justify-content:center;  align-items:center;  gap:48px;  margin:32px 0;}.experience-logos img{  height:64px;  width:auto;  max-width:120px;}@media (max-width:600px){  .experience-logos{    flex-direction:column;    gap:24px;    margin:24px 0;}  .experience-logos img{    height:48px;    max-width:80vw;}}