/* Interstellar Theme */
@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Poppins:wght@300;400;500;600&display=swap');

:root {
    --space-black: #050505;
    --deep-space: #0b0d17;
    --starlight: #ffffff;
    --wormhole-blue: #00d2ff;
    --accretion-gold: #ff9f1c;
    --text-gray: #a0a0a0;
    --glass-bg: rgba(255, 255, 255, 0.05);
    --glass-border: rgba(255, 255, 255, 0.1);
}

* {
    margin: 0;
    padding: 0;
    font-family: 'Poppins', sans-serif;
    box-sizing: border-box;
}

html {
    scroll-behavior: smooth;
}

body {
    background: var(--space-black);
    color: var(--starlight);
    background-image: 
        radial-gradient(circle at 50% 50%, #1a1a2e 0%, #000000 100%);
    background-attachment: fixed;
    overflow-x: hidden;
}

/* Starry Background Effect */
#stars, #stars2, #stars3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: transparent;
    z-index: -1;
    opacity: 0.5;
}

#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1574px 1586px #FFF, 453px 99px #FFF, 344px 1948px #FFF, 368px 1443px #FFF, 1337px 502px #FFF, 77px 1863px #FFF, 1507px 1121px #FFF, 1071px 1px #FFF, 1543px 910px #FFF, 1070px 1556px #FFF, 1524px 1475px #FFF, 1953px 69px #FFF, 421px 1674px #FFF, 955px 647px #FFF, 291px 285px #FFF, 87px 615px #FFF, 955px 212px #FFF, 658px 10px #FFF, 1118px 1274px #FFF, 67px 1578px #FFF, 5px 485px #FFF, 321px 1522px #FFF, 183px 588px #FFF, 443px 1932px #FFF, 1621px 1309px #FFF, 202px 896px #FFF, 1083px 433px #FFF, 1714px 1882px #FFF, 1737px 1597px #FFF, 1071px 1471px #FFF, 1804px 1167px #FFF, 889px 486px #FFF, 1720px 528px #FFF, 405px 231px #FFF, 1023px 721px #FFF, 1801px 880px #FFF, 1166px 499px #FFF, 340px 111px #FFF, 339px 71px #FFF, 1482px 679px #FFF, 1753px 187px #FFF, 953px 1569px #FFF, 1729px 681px #FFF, 1307px 1673px #FFF, 1632px 10px #FFF, 1249px 1609px #FFF, 743px 1319px #FFF, 781px 1261px #FFF, 699px 1355px #FFF, 1147px 575px #FFF, 1164px 960px #FFF, 1772px 1330px #FFF, 231px 513px #FFF, 1289px 1624px #FFF, 1411px 706px #FFF, 1641px 607px #FFF, 1520px 1235px #FFF, 851px 1764px #FFF, 1008px 614px #FFF, 1760px 1959px #FFF, 635px 996px #FFF, 1583px 298px #FFF, 380px 1908px #FFF, 1032px 1076px #FFF, 1735px 1335px #FFF, 470px 1320px #FFF, 1123px 1262px #FFF, 379px 1104px #FFF, 1343px 76px #FFF, 944px 1408px #FFF, 1473px 1483px #FFF, 1104px 898px #FFF, 1007px 1126px #FFF, 834px 334px #FFF, 293px 1947px #FFF, 1412px 969px #FFF, 1071px 1072px #FFF, 1606px 1367px #FFF, 1759px 866px #FFF, 524px 1582px #FFF, 493px 460px #FFF, 1591px 1433px #FFF, 1534px 1310px #FFF, 964px 763px #FFF, 56px 1203px #FFF, 394px 1398px #FFF, 1122px 1793px #FFF, 332px 878px #FFF, 1399px 208px #FFF, 696px 203px #FFF, 427px 1745px #FFF, 1025px 1918px #FFF, 1555px 1286px #FFF, 780px 184px #FFF, 1723px 1922px #FFF, 1339px 662px #FFF, 1477px 1266px #FFF, 215px 1052px #FFF, 1410px 440px #FFF, 1668px 1266px #FFF, 1135px 1079px #FFF, 1702px 17px #FFF, 1735px 593px #FFF, 1887px 537px #FFF, 295px 309px #FFF, 1066px 1521px #FFF, 29px 1798px #FFF, 1005px 1131px #FFF, 1396px 525px #FFF, 1614px 899px #FFF, 42px 1347px #FFF, 114px 1973px #FFF, 799px 871px #FFF, 225px 645px #FFF, 1387px 927px #FFF, 1196px 1744px #FFF, 1196px 1263px #FFF, 1390px 1377px #FFF, 1393px 514px #FFF, 1619px 1381px #FFF, 639px 505px #FFF, 1385px 490px #FFF, 624px 1909px #FFF, 1689px 1152px #FFF, 1469px 1401px #FFF, 939px 405px #FFF, 428px 1991px #FFF, 193px 1985px #FFF, 442px 396px #FFF, 1200px 1234px #FFF, 956px 1947px #FFF, 522px 767px #FFF, 851px 1022px #FFF, 1587px 1323px #FFF, 992px 1572px #FFF, 441px 1203px #FFF, 1064px 1823px #FFF, 1080px 1986px #FFF, 753px 124px #FFF, 31px 17px #FFF, 1201px 1775px #FFF, 1391px 1800px #FFF, 1757px 299px #FFF, 567px 1552px #FFF, 994px 1695px #FFF, 1525px 938px #FFF, 439px 252px #FFF, 1979px 1321px #FFF, 1353px 1256px #FFF, 1216px 1580px #FFF, 1054px 189px #FFF, 1794px 237px #FFF, 1312px 1316px #FFF, 1458px 1483px #FFF, 635px 1879px #FFF, 1185px 614px #FFF, 149px 1423px #FFF, 1423px 1298px #FFF, 1635px 1649px #FFF, 1782px 690px #FFF, 1414px 1651px #FFF, 1793px 24px #FFF, 1734px 195px #FFF, 1448px 1360px #FFF, 891px 1181px #FFF, 919px 630px #FFF, 1462px 951px #FFF, 1589px 455px #FFF, 770px 834px #FFF, 564px 1109px #FFF, 1380px 1996px #FFF, 684px 1648px #FFF, 1959px 551px #FFF, 1423px 1129px #FFF, 1260px 158px #FFF, 1754px 1172px #FFF, 1502px 1203px #FFF, 227px 788px #FFF, 504px 1756px #FFF, 667px 725px #FFF, 1822px 1308px #FFF, 1271px 443px #FFF, 1155px 1620px #FFF, 1619px 952px #FFF, 443px 313px #FFF, 1485px 655px #FFF, 529px 550px #FFF, 505px 1350px #FFF, 1483px 623px #FFF, 662px 1334px #FFF, 60px 947px #FFF, 247px 367px #FFF, 1021px 1430px #FFF, 884px 1957px #FFF, 1907px 1681px #FFF, 1731px 948px #FFF, 562px 1256px #FFF, 1114px 798px #FFF, 270px 113px #FFF, 1260px 1110px #FFF, 1770px 538px #FFF, 1265px 372px #FFF, 941px 1120px #FFF, 1603px 474px #FFF, 1282px 1570px #FFF, 1008px 76px #FFF, 89px 716px #FFF, 1174px 596px #FFF, 1278px 1614px #FFF, 1155px 1251px #FFF, 1263px 1094px #FFF, 1557px 69px #FFF, 1121px 1148px #FFF, 1417px 1633px #FFF, 1857px 1478px #FFF, 560px 81px #FFF, 122px 1080px #FFF, 1300px 673px #FFF, 189px 639px #FFF, 1689px 465px #FFF, 1303px 1694px #FFF, 1278px 1752px #FFF, 906px 488px #FFF, 299px 1122px #FFF, 1043px 1747px #FFF, 1175px 1772px #FFF, 1183px 1088px #FFF, 960px 639px #FFF, 1499px 264px #FFF, 917px 695px #FFF, 127px 685px #FFF, 1164px 1793px #FFF, 1868px 1473px #FFF, 1927px 1960px #FFF, 74px 62px #FFF, 281px 1954px #FFF, 115px 151px #FFF, 1971px 274px #FFF, 1311px 1476px #FFF, 1247px 1714px #FFF, 1800px 693px #FFF, 1807px 337px #FFF, 1930px 724px #FFF, 1766px 527px #FFF, 762px 895px #FFF, 1426px 1960px #FFF, 1913px 367px #FFF, 993px 310px #FFF, 1917px 1411px #FFF, 1455px 1693px #FFF, 1143px 1222px #FFF, 1340px 1549px #FFF, 1775px 1001px #FFF, 1801px 195px #FFF, 1698px 770px #FFF, 832px 1109px #FFF, 571px 1283px #FFF, 1529px 1304px #FFF, 1958px 251px #FFF, 1783px 701px #FFF, 1907px 1528px #FFF, 450px 1835px #FFF, 710px 1333px #FFF, 1449px 1557px #FFF, 666px 309px #FFF, 1091px 1409px #FFF, 1166px 1785px #FFF, 73px 27px #FFF, 583px 11px #FFF, 97px 1066px #FFF, 1465px 749px #FFF, 1699px 1532px #FFF, 1230px 1511px #FFF, 1857px 739px #FFF, 589px 875px #FFF, 1599px 1288px #FFF, 1199px 911px #FFF, 1994px 1808px #FFF, 1403px 603px #FFF, 1842px 1878px #FFF, 168px 1523px #FFF, 412px 1302px #FFF, 500px 1416px #FFF, 1606px 797px #FFF, 1670px 1299px #FFF, 1630px 384px #FFF, 358px 1959px #FFF, 737px 1828px #FFF, 858px 983px #FFF, 1192px 943px #FFF, 51px 1533px #FFF, 511px 1540px #FFF, 1970px 1604px #FFF, 1513px 758px #FFF, 36px 960px #FFF, 1456px 1480px #FFF, 1799px 1260px #FFF, 995px 652px #FFF, 1697px 59px #FFF, 344px 1876px #FFF, 1033px 943px #FFF, 592px 1406px #FFF, 358px 1404px #FFF, 1555px 621px #FFF, 1905px 324px #FFF, 199px 1759px #FFF, 1142px 1936px #FFF, 117px 233px #FFF, 736px 1836px #FFF, 844px 1855px #FFF, 279px 1461px #FFF, 677px 556px #FFF, 823px 705px #FFF, 654px 1874px #FFF, 522px 1617px #FFF, 1745px 479px #FFF, 1679px 274px #FFF, 1647px 613px #FFF, 178px 318px #FFF, 957px 1262px #FFF, 311px 1264px #FFF, 1241px 1934px #FFF, 879px 332px #FFF, 1349px 402px #FFF, 1143px 66px #FFF, 1967px 1688px #FFF, 340px 555px #FFF, 780px 602px #FFF, 1530px 1882px #FFF, 1824px 859px #FFF, 1696px 863px #FFF, 173px 565px #FFF, 663px 751px #FFF, 1358px 1099px #FFF, 1625px 1868px #FFF, 743px 1719px #FFF, 27px 339px #FFF, 548px 387px #FFF, 276px 72px #FFF, 636px 1078px #FFF, 1308px 1411px #FFF, 1844px 1311px #FFF, 1210px 1682px #FFF, 1116px 627px #FFF, 214px 600px #FFF, 598px 1072px #FFF, 1794px 1209px #FFF, 21px 32px #FFF, 1509px 1931px #FFF, 967px 1817px #FFF, 781px 672px #FFF, 1293px 474px #FFF, 1588px 587px #FFF, 1330px 484px #FFF, 1401px 839px #FFF, 1980px 1781px #FFF, 1052px 1598px #FFF, 1235px 914px #FFF, 1460px 1805px #FFF, 1660px 1822px #FFF, 700px 1305px #FFF, 762px 506px #FFF, 1697px 1048px #FFF, 657px 1655px #FFF, 897px 1615px #FFF, 1975px 1801px #FFF, 702px 1142px #FFF, 714px 1312px #FFF, 1981px 338px #FFF, 789px 1904px #FFF, 1033px 274px #FFF, 1819px 1071px #FFF, 687px 1008px #FFF, 759px 598px #FFF, 62px 967px #FFF, 629px 386px #FFF, 1872px 968px #FFF, 1007px 1333px #FFF, 1792px 1628px #FFF, 1951px 74px #FFF, 1679px 1322px #FFF, 1565px 648px #FFF, 1985px 269px #FFF, 1987px 1258px #FFF, 1026px 806px #FFF, 1915px 1504px #FFF, 1010px 1590px #FFF, 1784px 1174px #FFF, 681px 734px #FFF, 1684px 1291px #FFF, 714px 1947px #FFF, 176px 805px #FFF, 1723px 161px #FFF, 329px 708px #FFF, 1716px 1351px #FFF, 1922px 199px #FFF, 226px 597px #FFF, 68px 1250px #FFF, 575px 359px #FFF, 1680px 659px #FFF, 280px 1939px #FFF, 448px 279px #FFF, 485px 40px #FFF, 768px 345px #FFF, 1106px 335px #FFF, 1639px 1813px #FFF, 1611px 32px #FFF, 657px 1261px #FFF, 943px 1811px #FFF, 1787px 88px #FFF, 1451px 206px #FFF, 1574px 1690px #FFF, 943px 523px #FFF, 638px 863px #FFF, 1715px 1286px #FFF, 1145px 1136px #FFF, 188px 772px #FFF, 895px 966px #FFF, 1268px 1886px #FFF, 293px 1312px #FFF, 120px 1524px #FFF, 1739px 1045px #FFF, 1249px 436px #FFF, 20px 1301px #FFF, 1281px 825px #FFF, 76px 1562px #FFF, 1045px 1336px #FFF, 1929px 28px #FFF, 1485px 1838px #FFF, 1487px 65px #FFF, 272px 1184px #FFF, 1972px 484px #FFF, 285px 513px #FFF, 915px 1233px #FFF, 347px 269px #FFF, 277px 1097px #FFF, 775px 432px #FFF, 238px 920px #FFF, 1394px 1899px #FFF, 800px 734px #FFF, 153px 826px #FFF, 1740px 1557px #FFF, 1261px 1251px #FFF, 579px 1734px #FFF, 1005px 1956px #FFF, 1532px 1139px #FFF, 453px 1957px #FFF, 842px 939px #FFF, 209px 295px #FFF, 1634px 728px #FFF, 857px 884px #FFF, 1966px 1656px #FFF, 1015px 1174px #FFF, 1589px 35px #FFF, 349px 64px #FFF, 1649px 821px #FFF, 1399px 363px #FFF, 293px 601px #FFF, 1449px 1491px #FFF, 462px 77px #FFF, 966px 1769px #FFF, 1916px 841px #FFF, 230px 961px #FFF, 310px 1093px #FFF, 120px 1408px #FFF, 365px 1895px #FFF, 530px 1348px #FFF, 410px 391px #FFF, 908px 551px #FFF, 1971px 148px #FFF, 1873px 343px #FFF, 1663px 1885px #FFF, 1489px 1453px #FFF, 1768px 343px #FFF, 1444px 1407px #FFF, 354px 1306px #FFF, 925px 1076px #FFF, 1908px 1839px #FFF, 1921px 1374px #FFF, 1475px 1810px #FFF, 443px 1954px #FFF, 752px 207px #FFF, 1265px 177px #FFF, 869px 75px #FFF, 1258px 967px #FFF, 527px 1745px #FFF, 392px 368px #FFF, 233px 1897px #FFF, 1394px 830px #FFF, 270px 225px #FFF, 1634px 237px #FFF, 547px 184px #FFF, 682px 1280px #FFF, 59px 1693px #FFF, 149px 337px #FFF, 1469px 552px #FFF, 695px 1444px #FFF, 598px 1997px #FFF, 509px 965px #FFF, 1646px 885px #FFF, 127px 1199px #FFF, 416px 576px #FFF, 801px 1455px #FFF, 1708px 533px #FFF, 268px 410px #FFF, 760px 1218px #FFF, 1632px 481px #FFF, 766px 756px #FFF, 552px 912px #FFF, 589px 1792px #FFF, 866px 1472px #FFF, 1338px 1466px #FFF, 1485px 695px #FFF, 198px 894px #FFF, 1790px 459px #FFF, 1594px 842px #FFF, 1258px 640px #FFF, 1542px 435px #FFF, 308px 834px #FFF, 1790px 317px #FFF, 1933px 310px #FFF, 1228px 468px #FFF, 1775px 1150px #FFF, 553px 1418px #FFF, 1903px 1840px #FFF, 144px 1569px #FFF, 1852px 1580px #FFF, 1611px 1363px #FFF, 1670px 680px #FFF, 1273px 1920px #FFF, 895px 1416px #FFF, 1883px 684px #FFF, 1047px 344px #FFF, 648px 1385px #FFF, 399px 1885px #FFF, 1945px 1905px #FFF, 1744px 1346px #FFF, 965px 1376px #FFF, 1496px 1323px #FFF, 1991px 980px #FFF, 925px 1759px #FFF, 407px 916px #FFF, 1330px 1720px #FFF, 673px 853px #FFF, 498px 70px #FFF, 1897px 1750px #FFF, 999px 1693px #FFF, 1947px 687px #FFF, 938px 1051px #FFF, 1305px 722px #FFF, 271px 442px #FFF, 1968px 526px #FFF, 315px 612px #FFF, 1757px 197px #FFF, 2px 1962px #FFF, 1089px 1189px #FFF, 1451px 949px #FFF, 1534px 142px #FFF, 813px 1132px #FFF, 563px 1620px #FFF, 600px 1830px #FFF, 196px 1030px #FFF, 826px 483px #FFF, 578px 324px #FFF, 1809px 1914px #FFF, 731px 255px #FFF, 1991px 1691px #FFF, 290px 1421px #FFF, 1815px 1076px #FFF, 1022px 1132px #FFF, 390px 1808px #FFF, 1039px 1883px #FFF, 643px 475px #FFF, 837px 643px #FFF, 1198px 1651px #FFF, 1642px 1554px #FFF, 1339px 1535px #FFF, 1898px 1976px #FFF, 233px 336px #FFF, 1494px 1949px #FFF, 1419px 1578px #FFF, 1470px 1400px #FFF, 1090px 1864px #FFF, 1318px 1021px #FFF, 1044px 1517px #FFF, 140px 1677px #FFF, 1289px 1941px #FFF, 1729px 879px #FFF, 272px 1860px #FFF, 1201px 1769px #FFF, 1480px 936px #FFF, 1652px 837px #FFF, 1548px 803px #FFF, 159px 1586px #FFF, 1403px 1637px #FFF, 551px 212px #FFF, 1031px 1921px #FFF, 539px 1129px #FFF, 1110px 302px #FFF, 184px 1222px #FFF, 1924px 53px #FFF, 893px 98px #FFF, 991px 718px #FFF, 1233px 1718px #FFF, 563px 532px #FFF, 375px 636px #FFF, 1917px 893px #FFF, 61px 173px #FFF, 156px 1px #FFF, 518px 1161px #FFF, 1225px 905px #FFF, 849px 638px #FFF, 1026px 1846px #FFF, 692px 740px #FFF, 1701px 1430px #FFF, 375px 1829px #FFF, 1758px 1384px #FFF, 928px 1414px #FFF, 119px 1862px #FFF, 1056px 579px #FFF, 1160px 1936px #FFF, 1123px 1165px #FFF, 360px 421px #FFF, 939px 1656px #FFF, 946px 1054px #FFF, 1459px 1155px #FFF, 1686px 1103px #FFF, 322px 618px #FFF, 1279px 1886px #FFF, 153px 603px #FFF, 1744px 206px #FFF, 368px 1743px #FFF, 913px 51px #FFF, 1567px 1600px #FFF, 1729px 1983px #FFF, 27px 704px #FFF, 911px 1374px #FFF, 384px 125px #FFF, 533px 189px #FFF, 403px 189px #FFF, 1700px 1131px #FFF, 7px 1810px #FFF, 625px 1990px #FFF, 5px 366px #FFF, 1811px 166px #FFF, 1918px 547px #FFF, 1315px 1824px #FFF, 1615px 1997px #FFF, 523px 339px #FFF, 1948px 924px #FFF, 1011px 530px #FFF, 1672px 1401px #FFF, 1158px 1577px #FFF, 1338px 1736px #FFF, 183px 1713px #FFF, 1458px 674px #FFF, 674px 109px #FFF, 467px 274px #FFF, 1902px 1913px #FFF, 1731px 1609px #FFF, 1908px 1965px #FFF, 1143px 157px #FFF, 1905px 1030px #FFF, 1866px 1139px #FFF, 264px 1847px #FFF, 1697px 1213px #FFF, 1623px 862px #FFF, 941px 1733px #FFF, 296px 1557px #FFF, 1269px 1802px #FFF, 1914px 889px #FFF, 1096px 51px #FFF, 493px 1184px #FFF, 1273px 1313px #FFF, 673px 347px #FFF, 1281px 1978px #FFF, 150px 1774px #FFF, 1228px 594px #FFF, 934px 1023px #FFF, 764px 1613px #FFF, 1008px 1150px #FFF, 778px 1085px #FFF, 977px 833px #FFF, 1764px 154px #FFF, 1974px 1897px #FFF, 1102px 1223px #FFF, 481px 667px #FFF, 921px 586px #FFF, 1965px 450px #FFF, 1518px 1875px #FFF, 183px 736px #FFF, 637px 1195px #FFF, 1653px 327px #FFF, 87px 1818px #FFF, 1727px 1153px #FFF, 1647px 852px #FFF, 817px 1040px #FFF, 747px 1197px #FFF, 1728px 1694px #FFF, 1616px 903px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 990px 278px #FFF, 245px 738px #FFF, 1554px 655px #FFF, 821px 1704px #FFF, 244px 1713px #FFF, 970px 232px #FFF, 969px 1704px #FFF, 1497px 1225px #FFF, 654px 1464px #FFF, 1626px 383px #FFF, 1599px 320px #FFF, 1651px 1201px #FFF, 1470px 1319px #FFF, 1350px 1977px #FFF, 106px 215px #FFF, 1762px 854px #FFF, 1320px 463px #FFF, 930px 111px #FFF, 1178px 716px #FFF, 269px 770px #FFF, 1224px 1284px #FFF, 1860px 1024px #FFF, 1895px 309px #FFF, 5px 685px #FFF, 560px 1291px #FFF, 1991px 826px #FFF, 438px 1297px #FFF, 1332px 1731px #FFF, 355px 623px #FFF, 690px 1341px #FFF, 337px 239px #FFF, 1272px 1957px #FFF, 1319px 1239px #FFF, 1095px 158px #FFF, 303px 845px #FFF, 354px 317px #FFF, 1211px 1826px #FFF, 668px 383px #FFF, 274px 168px #FFF, 567px 1949px #FFF, 1939px 684px #FFF, 417px 528px #FFF, 104px 1907px #FFF, 1736px 1472px #FFF, 1254px 346px #FFF, 1196px 79px #FFF, 14px 1286px #FFF, 984px 543px #FFF, 1887px 1799px #FFF, 750px 19px #FFF, 862px 1912px #FFF, 1498px 1699px #FFF, 1091px 1958px #FFF, 1761px 492px #FFF, 1550px 1707px #FFF, 1251px 381px #FFF, 1362px 1269px #FFF, 1937px 1783px #FFF, 1656px 965px #FFF, 1540px 695px #FFF, 211px 1963px #FFF, 273px 1211px #FFF, 649px 1284px #FFF, 1580px 1864px #FFF, 927px 570px #FFF, 1280px 796px #FFF, 451px 1393px #FFF, 832px 913px #FFF, 1160px 538px #FFF, 678px 1245px #FFF, 4px 1792px #FFF, 182px 1267px #FFF, 1860px 1609px #FFF, 1552px 588px #FFF, 1663px 39px #FFF, 1444px 162px #FFF, 1756px 392px #FFF, 1007px 406px #FFF, 959px 824px #FFF, 1137px 1608px #FFF, 365px 1388px #FFF, 611px 1199px #FFF, 1360px 1410px #FFF, 1717px 54px #FFF, 1438px 658px #FFF, 1037px 566px #FFF, 1365px 1920px #FFF, 1374px 1887px #FFF, 1436px 1396px #FFF, 1573px 1118px #FFF, 83px 1035px #FFF, 1704px 759px #FFF, 1409px 143px #FFF, 1007px 1442px #FFF, 59px 1797px #FFF, 866px 1838px #FFF, 375px 1806px #FFF, 1276px 96px #FFF, 74px 1503px #FFF, 719px 1269px #FFF, 1895px 1492px #FFF, 1274px 755px #FFF, 896px 1042px #FFF, 1826px 1787px #FFF, 1208px 453px #FFF, 84px 746px #FFF, 1918px 1917px #FFF, 844px 1119px #FFF, 434px 528px #FFF, 1494px 131px #FFF, 1000px 13px #FFF, 1344px 1258px #FFF, 1756px 155px #FFF, 1113px 1820px #FFF, 492px 1954px #FFF, 1150px 74px #FFF, 476px 1594px #FFF, 1050px 904px #FFF, 1238px 508px #FFF, 1066px 688px #FFF, 1018px 282px #FFF, 150px 637px #FFF, 1918px 281px #FFF, 146px 207px #FFF, 1960px 121px #FFF, 299px 1163px #FFF, 530px 42px #FFF, 1599px 1355px #FFF, 1568px 870px #FFF, 1163px 1522px #FFF, 1791px 1906px #FFF, 705px 1874px #FFF, 1322px 1841px #FFF, 1486px 153px #FFF, 232px 811px #FFF, 577px 416px #FFF, 356px 824px #FFF, 1984px 686px #FFF, 154px 1257px #FFF, 359px 1084px #FFF, 589px 1442px #FFF, 846px 1850px #FFF, 1476px 1749px #FFF, 1814px 1930px #FFF, 1231px 1234px #FFF, 1225px 240px #FFF, 827px 638px #FFF, 62px 907px #FFF, 1608px 1681px #FFF, 1866px 1900px #FFF, 339px 1507px #FFF, 584px 1991px #FFF, 1455px 1111px #FFF, 785px 210px #FFF, 1794px 328px #FFF, 748px 1458px #FFF, 1006px 745px #FFF, 609px 1536px #FFF, 790px 1227px #FFF, 1369px 1050px #FFF, 1723px 1679px #FFF, 1616px 399px #FFF, 1824px 1140px #FFF, 568px 625px #FFF, 1290px 1375px #FFF, 1950px 1498px #FFF, 1360px 1632px #FFF, 28px 1725px #FFF, 185px 918px #FFF, 1477px 1698px #FFF, 1692px 1481px #FFF, 1304px 108px #FFF, 194px 1177px #FFF, 90px 615px #FFF, 1868px 386px #FFF, 837px 505px #FFF, 1882px 1990px #FFF, 752px 751px #FFF, 1806px 1511px #FFF, 1918px 166px #FFF, 980px 1411px #FFF, 1196px 1725px #FFF, 850px 447px #FFF, 803px 971px #FFF, 812px 1631px #FFF, 897px 1370px #FFF, 882px 503px #FFF, 1332px 6px #FFF, 600px 1953px #FFF, 451px 1768px #FFF, 963px 870px #FFF, 719px 1678px #FFF, 1260px 1563px #FFF, 385px 1833px #FFF, 1569px 11px #FFF, 839px 1684px #FFF, 883px 214px #FFF, 120px 1060px #FFF, 1416px 1055px #FFF, 700px 1805px #FFF;
    animation: animStar 200s linear infinite;
}

#stars2:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 990px 278px #FFF, 245px 738px #FFF, 1554px 655px #FFF, 821px 1704px #FFF, 244px 1713px #FFF, 970px 232px #FFF, 969px 1704px #FFF, 1497px 1225px #FFF, 654px 1464px #FFF, 1626px 383px #FFF, 1599px 320px #FFF, 1651px 1201px #FFF, 1470px 1319px #FFF, 1350px 1977px #FFF, 106px 215px #FFF, 1762px 854px #FFF, 1320px 463px #FFF, 930px 111px #FFF, 1178px 716px #FFF, 269px 770px #FFF, 1224px 1284px #FFF, 1860px 1024px #FFF, 1895px 309px #FFF, 5px 685px #FFF, 560px 1291px #FFF, 1991px 826px #FFF, 438px 1297px #FFF, 1332px 1731px #FFF, 355px 623px #FFF, 690px 1341px #FFF, 337px 239px #FFF, 1272px 1957px #FFF, 1319px 1239px #FFF, 1095px 158px #FFF, 303px 845px #FFF, 354px 317px #FFF, 1211px 1826px #FFF, 668px 383px #FFF, 274px 168px #FFF, 567px 1949px #FFF, 1939px 684px #FFF, 417px 528px #FFF, 104px 1907px #FFF, 1736px 1472px #FFF, 1254px 346px #FFF, 1196px 79px #FFF, 14px 1286px #FFF, 984px 543px #FFF, 1887px 1799px #FFF, 750px 19px #FFF, 862px 1912px #FFF, 1498px 1699px #FFF, 1091px 1958px #FFF, 1761px 492px #FFF, 1550px 1707px #FFF, 1251px 381px #FFF, 1362px 1269px #FFF, 1937px 1783px #FFF, 1656px 965px #FFF, 1540px 695px #FFF, 211px 1963px #FFF, 273px 1211px #FFF, 649px 1284px #FFF, 1580px 1864px #FFF, 927px 570px #FFF, 1280px 796px #FFF, 451px 1393px #FFF, 832px 913px #FFF, 1160px 538px #FFF, 678px 1245px #FFF, 4px 1792px #FFF, 182px 1267px #FFF, 1860px 1609px #FFF, 1552px 588px #FFF, 1663px 39px #FFF, 1444px 162px #FFF, 1756px 392px #FFF, 1007px 406px #FFF, 959px 824px #FFF, 1137px 1608px #FFF, 365px 1388px #FFF, 611px 1199px #FFF, 1360px 1410px #FFF, 1717px 54px #FFF, 1438px 658px #FFF, 1037px 566px #FFF, 1365px 1920px #FFF, 1374px 1887px #FFF, 1436px 1396px #FFF, 1573px 1118px #FFF, 83px 1035px #FFF, 1704px 759px #FFF, 1409px 143px #FFF, 1007px 1442px #FFF, 59px 1797px #FFF, 866px 1838px #FFF, 375px 1806px #FFF, 1276px 96px #FFF, 74px 1503px #FFF, 719px 1269px #FFF, 1895px 1492px #FFF, 1274px 755px #FFF, 896px 1042px #FFF, 1826px 1787px #FFF, 1208px 453px #FFF, 84px 746px #FFF, 1918px 1917px #FFF, 844px 1119px #FFF, 434px 528px #FFF, 1494px 131px #FFF, 1000px 13px #FFF, 1344px 1258px #FFF, 1756px 155px #FFF, 1113px 1820px #FFF, 492px 1954px #FFF, 1150px 74px #FFF, 476px 1594px #FFF, 1050px 904px #FFF, 1238px 508px #FFF, 1066px 688px #FFF, 1018px 282px #FFF, 150px 637px #FFF, 1918px 281px #FFF, 146px 207px #FFF, 1960px 121px #FFF, 299px 1163px #FFF, 530px 42px #FFF, 1599px 1355px #FFF, 1568px 870px #FFF, 1163px 1522px #FFF, 1791px 1906px #FFF, 705px 1874px #FFF, 1322px 1841px #FFF, 1486px 153px #FFF, 232px 811px #FFF, 577px 416px #FFF, 356px 824px #FFF, 1984px 686px #FFF, 154px 1257px #FFF, 359px 1084px #FFF, 589px 1442px #FFF, 846px 1850px #FFF, 1476px 1749px #FFF, 1814px 1930px #FFF, 1231px 1234px #FFF, 1225px 240px #FFF, 827px 638px #FFF, 62px 907px #FFF, 1608px 1681px #FFF, 1866px 1900px #FFF, 339px 1507px #FFF, 584px 1991px #FFF, 1455px 1111px #FFF, 785px 210px #FFF, 1794px 328px #FFF, 748px 1458px #FFF, 1006px 745px #FFF, 609px 1536px #FFF, 790px 1227px #FFF, 1369px 1050px #FFF, 1723px 1679px #FFF, 1616px 399px #FFF, 1824px 1140px #FFF, 568px 625px #FFF, 1290px 1375px #FFF, 1950px 1498px #FFF, 1360px 1632px #FFF, 28px 1725px #FFF, 185px 918px #FFF, 1477px 1698px #FFF, 1692px 1481px #FFF, 1304px 108px #FFF, 194px 1177px #FFF, 90px 615px #FFF, 1868px 386px #FFF, 837px 505px #FFF, 1882px 1990px #FFF, 752px 751px #FFF, 1806px 1511px #FFF, 1918px 166px #FFF, 980px 1411px #FFF, 1196px 1725px #FFF, 850px 447px #FFF, 803px 971px #FFF, 812px 1631px #FFF, 897px 1370px #FFF, 882px 503px #FFF, 1332px 6px #FFF, 600px 1953px #FFF, 451px 1768px #FFF, 963px 870px #FFF, 719px 1678px #FFF, 1260px 1563px #FFF, 385px 1833px #FFF, 1569px 11px #FFF, 839px 1684px #FFF, 883px 214px #FFF, 120px 1060px #FFF, 1416px 1055px #FFF, 700px 1805px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1804px 517px #FFF, 1116px 1130px #FFF, 937px 747px #FFF, 1678px 1111px #FFF, 426px 1216px #FFF, 1634px 854px #FFF, 220px 1903px #FFF, 710px 1151px #FFF, 1126px 1969px #FFF, 1347px 1163px #FFF, 710px 255px #FFF, 1340px 5px #FFF, 1754px 1626px #FFF, 960px 1770px #FFF, 424px 380px #FFF, 411px 445px #FFF, 339px 63px #FFF, 29px 1102px #FFF, 1673px 12px #FFF, 713px 491px #FFF, 1004px 1852px #FFF, 456px 1702px #FFF, 1826px 838px #FFF, 1132px 181px #FFF, 1571px 1841px #FFF, 939px 136px #FFF, 994px 378px #FFF, 122px 797px #FFF, 1006px 80px #FFF, 1246px 442px #FFF, 1063px 1225px #FFF, 929px 64px #FFF, 1740px 797px #FFF, 126px 1881px #FFF, 780px 706px #FFF, 764px 1735px #FFF, 1913px 1729px #FFF, 1916px 1788px #FFF, 876px 357px #FFF, 539px 1546px #FFF, 301px 1443px #FFF, 1206px 770px #FFF, 165px 1306px #FFF, 154px 1537px #FFF, 479px 38px #FFF, 827px 1767px #FFF, 1976px 1988px #FFF, 1645px 1561px #FFF, 111px 903px #FFF, 1194px 503px #FFF, 1623px 651px #FFF, 672px 585px #FFF, 1960px 1274px #FFF, 245px 1278px #FFF, 1519px 434px #FFF, 187px 1244px #FFF, 118px 2px #FFF, 133px 1497px #FFF, 1470px 1582px #FFF, 1879px 1738px #FFF, 1669px 540px #FFF, 1670px 957px #FFF, 508px 185px #FFF, 1538px 1794px #FFF, 877px 1459px #FFF, 467px 672px #FFF, 1263px 1925px #FFF, 93px 1854px #FFF, 147px 1416px #FFF, 397px 583px #FFF, 515px 1602px #FFF, 140px 823px #FFF, 90px 1756px #FFF, 1726px 1618px #FFF, 1281px 1521px #FFF, 1980px 643px #FFF, 1517px 401px #FFF, 1735px 1348px #FFF, 975px 1263px #FFF, 509px 998px #FFF, 54px 1208px #FFF, 1608px 669px #FFF, 736px 955px #FFF, 90px 1931px #FFF, 1825px 1760px #FFF, 344px 1738px #FFF, 462px 1158px #FFF, 1956px 2000px #FFF, 1238px 199px #FFF, 931px 490px #FFF, 1289px 1750px #FFF, 1947px 1744px #FFF, 1px 466px #FFF, 1497px 189px #FFF, 1909px 1126px #FFF, 996px 1214px #FFF, 1833px 253px #FFF, 346px 1414px #FFF, 1797px 1528px #FFF, 1459px 1486px #FFF;
    animation: animStar 400s linear infinite;
}

#stars3:after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1804px 517px #FFF, 1116px 1130px #FFF, 937px 747px #FFF, 1678px 1111px #FFF, 426px 1216px #FFF, 1634px 854px #FFF, 220px 1903px #FFF, 710px 1151px #FFF, 1126px 1969px #FFF, 1347px 1163px #FFF, 710px 255px #FFF, 1340px 5px #FFF, 1754px 1626px #FFF, 960px 1770px #FFF, 424px 380px #FFF, 411px 445px #FFF, 339px 63px #FFF, 29px 1102px #FFF, 1673px 12px #FFF, 713px 491px #FFF, 1004px 1852px #FFF, 456px 1702px #FFF, 1826px 838px #FFF, 1132px 181px #FFF, 1571px 1841px #FFF, 939px 136px #FFF, 994px 378px #FFF, 122px 797px #FFF, 1006px 80px #FFF, 1246px 442px #FFF, 1063px 1225px #FFF, 929px 64px #FFF, 1740px 797px #FFF, 126px 1881px #FFF, 780px 706px #FFF, 764px 1735px #FFF, 1913px 1729px #FFF, 1916px 1788px #FFF, 876px 357px #FFF, 539px 1546px #FFF, 301px 1443px #FFF, 1206px 770px #FFF, 165px 1306px #FFF, 154px 1537px #FFF, 479px 38px #FFF, 827px 1767px #FFF, 1976px 1988px #FFF, 1645px 1561px #FFF, 111px 903px #FFF, 1194px 503px #FFF, 1623px 651px #FFF, 672px 585px #FFF, 1960px 1274px #FFF, 245px 1278px #FFF, 1519px 434px #FFF, 187px 1244px #FFF, 118px 2px #FFF, 133px 1497px #FFF, 1470px 1582px #FFF, 1879px 1738px #FFF, 1669px 540px #FFF, 1670px 957px #FFF, 508px 185px #FFF, 1538px 1794px #FFF, 877px 1459px #FFF, 467px 672px #FFF, 1263px 1925px #FFF, 93px 1854px #FFF, 147px 1416px #FFF, 397px 583px #FFF, 515px 1602px #FFF, 140px 823px #FFF, 90px 1756px #FFF, 1726px 1618px #FFF, 1281px 1521px #FFF, 1980px 643px #FFF, 1517px 401px #FFF, 1735px 1348px #FFF, 975px 1263px #FFF, 509px 998px #FFF, 54px 1208px #FFF, 1608px 669px #FFF, 736px 955px #FFF, 90px 1931px #FFF, 1825px 1760px #FFF, 344px 1738px #FFF, 462px 1158px #FFF, 1956px 2000px #FFF, 1238px 199px #FFF, 931px 490px #FFF, 1289px 1750px #FFF, 1947px 1744px #FFF, 1px 466px #FFF, 1497px 189px #FFF, 1909px 1126px #FFF, 996px 1214px #FFF, 1833px 253px #FFF, 346px 1414px #FFF, 1797px 1528px #FFF, 1459px 1486px #FFF;
}

@keyframes animStar {
    from { transform: translateY(0px); }
    to { transform: translateY(-2000px); }
}

/* Professional Vignette Overlay */
body::after {
    content: "";
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: radial-gradient(circle, transparent 60%, rgba(0,0,0,0.8) 100%);
    pointer-events: none;
    z-index: 999;
}

#header {
    width: 100%;
    height: 100vh;
    background: linear-gradient(to bottom, rgba(0,0,0,0.3), var(--space-black));
    background-size: cover;
    background-position: center;
    position: relative;
}

.container {
    padding: 10px 10%;
}

nav {
    display: flex;
    align-items: center;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 20px 0;
}

.logo {
    width: 140px;
    filter: drop-shadow(0 0 0.5px var(--starlight));
}

nav ul li {
    display: inline-block;
    list-style: none;
    margin: 10px 20px;
}

nav ul li a {
    color: var(--starlight);
    text-decoration: none;
    font-size: 18px;
    position: relative;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 1px;
    transition: color 0.3s;
}

nav ul li a:hover {
    color: var(--wormhole-blue);
    text-shadow: 0 0 10px var(--wormhole-blue);
}

nav ul li a::after {
    content: '';
    width: 0;
    height: 2px;
    background: var(--wormhole-blue);
    position: absolute;
    left: 0;
    bottom: -6px;
    transition: 0.5s;
    box-shadow: 0 0 10px var(--wormhole-blue);
}

nav ul li a:hover::after {
    width: 100%;
}

.header-row {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 80vh;
    width: 100%;
}

.header-visuals {
    flex: 1;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.header-img {
    max-width: 400px;
    width: 100%;
    border-radius: 50%;
    box-shadow: 0 0 30px rgba(255, 165, 0, 0.3);
    border: 2px solid var(--accretion-gold);
    animation: floatImage 4s ease-in-out infinite;
}

@keyframes floatImage {
    0% { transform: translateY(0); }
    50% { transform: translateY(-20px); }
    100% { transform: translateY(0); }
}

.header-text {
    flex: 1;
    font-size: 30px;
    position: relative;
    padding-left: 50px;
}

.header-text h1 {
    font-size: 60px;
    margin-top: 20px;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 2px;
}

.header-text h1 span {
    color: var(--accretion-gold);
    text-shadow: 0 0 15px rgba(255, 159, 28, 0.5);
}

/* Black Hole Animation - Removed as per request */
/* .gargantua { ... } */

/*------About section------*/
#about {
    padding: 80px 0;
    color: var(--text-gray);
}

.row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.about-col-1 {
    display: none; /* Hidden as per request */
}

.about-col-2 {
    flex-basis: 100%;
}

.sub-title {
    font-size: 60px;
    font-weight: 600;
    color: var(--starlight);
    font-family: 'Orbitron', sans-serif;
    margin-bottom: 20px;
}

.tab-titles {
    display: flex;
    margin: 20px 0 40px;
}

.tab-links {
    margin-right: 50px;
    font-size: 18px;
    font-weight: 500;
    cursor: pointer;
    position: relative;
    color: var(--text-gray);
    transition: color 0.3s;
}

.tab-links:hover {
    color: var(--starlight);
}

.tab-links::after {
    content: '';
    width: 0;
    height: 3px;
    background: var(--accretion-gold);
    position: absolute;
    left: 0;
    bottom: -8px;
    transition: 0.5s;
    box-shadow: 0 0 10px var(--accretion-gold);
}

.tab-links.active-link::after {
    width: 50%;
}

.tab-contents ul li {
    list-style: none;
    margin: 15px 0;
    padding: 10px;
    border-left: 2px solid var(--glass-border);
    background: linear-gradient(90deg, var(--glass-bg) 0%, transparent 100%);
    transition: border-left-color 0.3s;
}

.tab-contents ul li:hover {
    border-left-color: var(--wormhole-blue);
}

.tab-contents ul li span {
    color: var(--accretion-gold);
    font-size: 14px;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 1px;
    display: block;
    margin-bottom: 5px;
}

.tab-contents {
    display: none;
    animation: fadeIn 0.5s ease;
}

.tab-contents.active-tab {
    display: block;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

/*--------Project section--------*/
#projects {
    padding: 50px 0;
}

.projects-list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    grid-gap: 40px;
    margin-top: 50px;
}

.projects {
    border-radius: 10px;
    position: relative;
    overflow: hidden;
    display: flex;
    flex-direction: column;
    border: 1px solid var(--glass-border);
    box-shadow: 0 0 15px rgba(0,0,0,0.5);
}

.projects img {
    width: 100%;
    border-radius: 10px;
    display: block;
    transition: transform 0.5s;
    height: 300px;
    object-fit: cover;
}

.layer {
    width: 100%;
    height: 0%;
    background: linear-gradient(rgba(0,0,0,0.8), var(--deep-space));
    border-radius: 10px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    padding: 0 40px;
    text-align: center;
    font-size: 14px;
    transition: height 0.5s;
    -webkit-backdrop-filter: blur(5px);
    backdrop-filter: blur(5px);
}

.layer h3 {
    font-weight: 800;
    font-size: 25px;
    margin-bottom: 20px;
    color: var(--accretion-gold);
    font-family: 'Orbitron', sans-serif;
}

.layer a {
    margin-top: 20px;
    color: var(--accretion-gold);
    text-decoration: none;
    font-size: 18px;
    line-height: 60px;
    background: var(--starlight);
    width: 60px;
    height: 60px;
    border-radius: 50%;
    text-align: center;
    box-shadow: 0 0 15px var(--accretion-gold);
}

.projects:hover img {
    transform: scale(1.1);
}

.projects:hover .layer {
    height: 100%;
}

.btn {
    display: block;
    margin: 50px auto;
    width: fit-content;
    border: 1px solid var(--wormhole-blue);
    padding: 14px 50px;
    border-radius: 6px;
    text-decoration: none;
    color: var(--starlight);
    transition: all 0.5s;
    font-family: 'Orbitron', sans-serif;
    letter-spacing: 1px;
    background: transparent;
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.1);
}

.btn:hover {
    background: var(--wormhole-blue);
    box-shadow: 0 0 20px var(--wormhole-blue);
    transform: translateY(-3px);
}

/*--------Contact section--------*/
.contact-left {
    flex-basis: 35%;
    display: flex;
    flex-direction: column;
}

.contact-left .btn {
    margin-top: auto;
}

.contact-right {
    flex-basis: 60%;
}

.contact-left p {
    margin-top: 30px;
    color: var(--text-gray);
}

.contact-left p i {
    color: var(--accretion-gold);
    margin-right: 15px;
    font-size: 25px;
}

.social-icons {
    margin-top: 30px;
}

.social-icons a {
    text-decoration: none;
    font-size: 30px;
    margin-right: 15px;
    color: var(--text-gray);
    display: inline-block;
    transition: transform 0.5s, color 0.3s;
}

.social-icons a:hover {
    color: var(--accretion-gold);
    transform: translateY(-5px);
    text-shadow: 0 0 10px var(--accretion-gold);
}

.btn.btn2 {
    display: inline-block;
    background: var(--accretion-gold);
    border: none;
    color: var(--deep-space);
    font-weight: bold;
    box-shadow: 0 0 15px rgba(255, 159, 28, 0.3);
}

.btn.btn2:hover {
    background: #ffb74d;
    box-shadow: 0 0 25px rgba(255, 159, 28, 0.6);
}

.contact-right form {
    width: 100%;
}

form input, form textarea {
    width: 100%;
    border: 1px solid var(--glass-border);
    outline: none;
    background: var(--glass-bg);
    padding: 15px;
    margin: 15px 0;
    color: var(--starlight);
    font-size: 18px;
    border-radius: 6px;
    transition: border-color 0.3s, box-shadow 0.3s;
}

form input:focus, form textarea:focus {
    border-color: var(--wormhole-blue);
    box-shadow: 0 0 10px rgba(0, 210, 255, 0.2);
}

#msg {
    color: #61b752;
    margin-top: 20px;
    display: block;
    font-family: 'Orbitron', sans-serif;
    padding: 15px;
    border-radius: 6px;
    text-align: center;
    background: rgba(97, 183, 82, 0.1);
    border: 1px solid #61b752;
    box-shadow: 0 0 15px rgba(97, 183, 82, 0.2);
    letter-spacing: 1px;
    transition: all 0.3s ease;
}

#msg:empty {
    display: none;
}

.copyright {
    width: 100%;
    text-align: center;
    padding: 25px 0;
    background: #000;
    font-weight: 300;
    margin-top: 20px;
    border-top: 1px solid var(--glass-border);
}

.copyright i {
    color: var(--accretion-gold);
}

/*-------------CSS for smaller screens-------------*/
@media only screen and (max-width: 1200px) {
    .container {
        padding: 10px 5%;
        text-align: center;
    }
    
    #header {
        background: linear-gradient(to bottom, rgba(0,0,0,0.3), var(--space-black)); 
    }

    .header-row {
        flex-direction: column;
        height: auto;
        padding-top: 100px;
        gap: 30px;
    }

    .header-visuals {
        width: 100%;
        justify-content: center;
    }

    .header-img {
        max-width: 250px;
    }

    .header-text {
        margin-top: 0;
        font-size: 16px;
        width: 100%;
        text-align: center;
    }

    .header-text h1 {
        font-size: 30px;
    }

    nav .fa-solid, .fa-regular {
        display: block;
        font-size: 25px;
        color: var(--starlight);
    }

    nav ul {
        background: rgba(0, 0, 0, 0.95);
        position: fixed;
        top: 0;
        right: -200px;
        width: 200px;
        height: 100vh;
        padding-top: 50px;
        z-index: 2;
        transition: right 0.5s;
        border-left: 1px solid var(--glass-border);
    }

    nav ul li {
        display: block;
        margin: 25px;
    }

    nav ul .fas {
        position: absolute;
        top: 25px;
        left: 25px;
        cursor: pointer;
    }

    .sub-title {
        font-size: 40px;
        text-align: center;
    }

    .about-col-1, .about-col-2 {
        flex-basis: 100%;
        text-align: center;
    }

    .about-col-1 {
        margin-bottom: 30px;
    }

    .about-col-2 {
        font-size: 14px;
    }

    .tab-titles {
        justify-content: center;
    }

    .tab-links {
        font-size: 16px;
        margin-right: 20px;
    }

    .contact-left, .contact-right {
        flex-basis: 100%;
        text-align: center;
    }

    .contact-left {
        align-items: center;
    }

    .btn-box {
        justify-content: center;
    }

    .copyright {
        font-size: 14px;
    }

    .projects-list {
        grid-template-columns: 1fr;
    }

    .projects img {
        height: auto;
    }
}