@import url('themes/galaxy.css');
@import 'components/header.css';

body {
    font-family: 'Inter', sans-serif;
    background: linear-gradient(135deg, #0a192f 0%, #1e293b 100%);
    color: #e2e8f0;
    line-height: 1.6;
    overflow-x: hidden;
    position: relative;
}

h1,h2,h3,h4,h5,h6{font-weight:800;color:#ffffff;margin-bottom:1rem;}
p{margin-bottom:1.5rem;color:#cbd5e1;}.main-container{max-width:1200px;margin:0 auto;padding:0 1.5rem;position:relative;z-index:1;}.gradient-text{background:linear-gradient(90deg,#3b82f6,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;}.glass-card{position:relative;background:rgba(15,23,42,0.3);border:1px solid rgba(255,255,255,0.1);box-shadow:0 8px 32px rgba(0,0,0,0.15),inset 0 0 0 1px rgba(255,255,255,0.05);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);overflow:hidden;transition:all 0.5s cubic-bezier(0.175,0.885,0.32,1.275);}.glass-card::before{content:'';position:absolute;top:0;left:-50%;width:200%;height:100%;background:linear-gradient(to right,transparent,rgba(255,255,255,0.05),transparent);transform:rotate(25deg);pointer-events:none;opacity:0;transition:opacity 0.7s ease;}.glass-card:hover::before{opacity:0.5;animation:glass-shine 3s ease-in-out infinite;}.glass-card:hover{background:rgba(15,23,42,0.4);box-shadow:0 8px 32px rgba(0,0,0,0.2),inset 0 0 0 1px rgba(255,255,255,0.08);transform:translateY(-3px);}@keyframes glass-shine{0%{left:-100%;}100%{left:100%;}}.glass-card h3,.glass-card p,.glass-card span{position:relative;z-index:5;text-shadow:0 1px 3px rgba(0,0,0,0.3);}@keyframes cursor-blink{0%,100%{opacity:1;}50%{opacity:0;}}.typing-cursor{animation:cursor-blink 1s step-end infinite;}section{padding:6rem 0;position:relative;overflow:hidden;}section[id]{scroll-margin-top:5rem;position:relative;}@keyframes fadeInUp{from{opacity:0;transform:translateY(30px);}to{opacity:1;transform:translateY(0);}}.animate-fadeInUp{animation:fadeInUp 0.8s ease-out forwards;}@keyframes fadeInRight{from{opacity:0;transform:translateX(-30px);}to{opacity:1;transform:translateX(0);}}.animate-fadeInRight{animation:fadeInRight 0.8s ease-out forwards;}@keyframes fadeInLeft{from{opacity:0;transform:translateX(30px);}to{opacity:1;transform:translateX(0);}}.animate-fadeInLeft{animation:fadeInLeft 0.8s ease-out forwards;}.floating{animation:floating 3s ease-in-out infinite;}@keyframes floating{0%{transform:translateY(0px);}50%{transform:translateY(-10px);}100%{transform:translateY(0px);}}@media (max-width:480px){.hero-title{font-size:2.5rem;}.hero-subtitle{font-size:1rem;}.section-title{font-size:2rem;}section{padding:4rem 0;}}@media (min-width:481px) and (max-width:640px){.hero-title{font-size:3rem;}.hero-subtitle{font-size:1.1rem;}.section-title{font-size:2.25rem;}section{padding:4.5rem 0;}}@media (min-width:641px) and (max-width:768px){.hero-title{font-size:3.5rem;}.hero-subtitle{font-size:1.2rem;}.section-title{font-size:2.5rem;}}@media (min-width:769px) and (max-width:1024px){.hero-title{font-size:4rem;}.hero-subtitle{font-size:1.3rem;}}@media (min-width:1025px){.hero-title{font-size:4.5rem;}.hero-subtitle{font-size:1.5rem;}}@media (hover:none){.glass-card:hover{transform:none;}a:hover,button:hover{transition:none !important;}button,a.btn,.nav-link,input[type="submit"]{min-height:44px;min-width:44px;}}.mb-responsive{margin-bottom:1rem;}.mt-responsive{margin-top:1rem;}.p-responsive{padding:1rem;}@media (min-width:768px){.mb-responsive{margin-bottom:1.5rem;}.mt-responsive{margin-top:1.5rem;}.p-responsive{padding:1.5rem;}}@media (min-width:1024px){.mb-responsive{margin-bottom:2rem;}.mt-responsive{margin-top:2rem;}.p-responsive{padding:2rem;}}::selection{background:#3b82f6;color:#fff;}::-webkit-scrollbar{width:8px;background:#1e293b;}::-webkit-scrollbar-thumb{background:#334155;border-radius:8px;}.fade-in{opacity:0;transform:translateY(30px);transition:opacity 0.8s cubic-bezier(.4,0,.2,1),transform 0.8s cubic-bezier(.4,0,.2,1);}.fade-in.visible{opacity:1;transform:none;}@media (prefers-reduced-motion:reduce){*,::before,::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important;}.floating,.animate-bounce,.animate-pulse,.animate-spin,.fade-in{animation:none !important;transition:none !important;}}@keyframes pulse{0%,100%{opacity:1;transform:scale(1);}50%{opacity:0.8;transform:scale(1.05);}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;}.project-card img{transition:transform 0.5s ease;position:relative;}.project-card:hover img{transform:scale(1.05);}.project-card img::before{content:'';position:absolute;inset:0;background:linear-gradient(to bottom,transparent,rgba(15,23,42,0.9));opacity:0;transition:opacity 0.3s ease;z-index:1;}.project-card:hover img::before{opacity:1;}.project-card img::after{content:'';position:absolute;inset:0;background:rgba(59,130,246,0.1);opacity:0;transition:opacity 0.3s ease;}.project-card:hover img::after{opacity:1;}@keyframes shimmer{0%{background-position:-200% 0;}100%{background-position:200% 0;}}/* Project Modal Styles */.project-modal {    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    background: rgba(15, 23, 42, 0.8);    backdrop-filter: blur(8px);    display: flex;    align-items: center;    justify-content: center;    z-index: 1000;    opacity: 0;    visibility: hidden;    transition: opacity 0.3s ease, visibility 0.3s ease;}.project-modal.active {    opacity: 1;    visibility: visible;}.project-modal .modal-content {    width: 90%;    max-width: 800px;    max-height: 90vh;    overflow-y: auto;}.project-modal .close-modal-btn {    position: absolute;    top: 1rem;    right: 1rem;    background: rgba(59, 130, 246, 0.2);    border: none;    width: 32px;    height: 32px;    border-radius: 50%;    display: flex;    align-items: center;    justify-content: center;    cursor: pointer;    transition: all 0.3s ease;}.project-modal .close-modal-btn:hover {    background: rgba(59, 130, 246, 0.4);    transform: rotate(90deg);}.project-modal .blur-card {    backdrop-filter: blur(16px);}header #mobile-menu.show{opacity:1 !important;transform:translateY(0) !important;pointer-events:auto !important;visibility:visible !important;}#mobile-menu-button:focus{outline:2px solid rgba(59,130,246,0.5);outline-offset:2px;}.mobile-link.active{background-color:rgba(59,130,246,0.15);color:#3b82f6;}/* Simple text animation styles */.simple-animation-text {    display: inline-block;    font-weight: 600;    color: #ffffff;    text-shadow: 0 0 15px rgba(59, 130, 246, 0.5);    border-left: 2px solid rgba(6, 182, 212, 0.5);    padding-left: 10px;    min-height: 1.4em;    min-width: 15ch;    position: relative;}.simple-animation-text::before {    content: '';    position: absolute;    left: -2px;    top: 0;    height: 100%;    width: 2px;    background: linear-gradient(to bottom, #3b82f6, #06b6d4);    box-shadow: 0 0 10px rgba(6, 182, 212, 0.7);}