/* Reset and Base Styles */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html {
    height: 100%;
    background: black;
    overflow-x: hidden;
}

body {
    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif;
    background: transparent;
    color: #ffffff;
    line-height: 1.6;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2rem 1.5rem;
    position: relative;
}

/* Main Container */
main {
    max-width: 560px;
    width: 100%;
    text-align: center;
    position: relative;
    z-index: 1;
}

/* Sections */
section {
    margin-bottom: 4rem;
}

section:last-child {
    margin-bottom: 0;
}

/* Intro Section */
.intro {
    margin-bottom: 1.6rem;
}

.intro h1 {
    font-size: 2rem;
    font-weight: 600;
    letter-spacing: -0.02em;
    margin-bottom: 0.5rem;
    color: #ffffff;
    line-height: 2.0;
}

.profile-pic {
    width: 200px;
    height: 200px;
    border-radius: 50%;
    object-fit: cover;
    display: block;
    margin: 7rem auto 0;
}

.tagline {
    font-size: 1rem;
    color: #999999;
    font-weight: 400;
}

/* About Section */
.about {
    margin-bottom: 1.5rem;
}

.about p {
    font-size: 1rem;
    line-height: 2.9;
    color: #e0e0e0;
    max-width: 480px;
    margin: 0 auto;
}

/* Icon Buttons Section */
.icons {
    margin-bottom: 4rem;
}

.icon-buttons {
    display: flex;
    gap: 16px;
    justify-content: center;
    align-items: center;
}

.icon-btn {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    padding: 10px;
    background: transparent;
    border: 1px transparent;
    border-radius: 4px;
    transition: all 0.2s ease;
    border-bottom: 1px transparent;
}

.icon-btn:hover {
    background: transparent;
    border-bottom-color: #000000;
    transform: translateY(-2px);
}

.icon-btn img {
    width: 30px;
    height: 30px;
    object-fit: contain;
    display: block;
    opacity: 1;
    transition: opacity 0.2s ease;
}

.icon-btn:hover img {
    opacity: 0.8;
}

/* Contact Section */
.contact h2 {
    font-size: 0.875rem;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    color: #aaaaaa;
    margin-bottom: 1.5rem;
}

/* Links */
a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #555555;
    transition: border-color 0.2s ease, color 0.2s ease;
}

a:hover {
    color: #ffffff;
    border-bottom-color: #aaaaaa;
}

/* Contact Links */
.contact .links {
    font-size: 0.9375rem;
}

.contact .links a {
    border-bottom: 1px solid transparent;
    padding-bottom: 2px;
}

.contact .links a:hover {
    border-bottom-color: transparent;
}

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

/* Small Stars - Layer 1 */
#stars {
    position: fixed;
    top: 0;
    left: 0;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1169px 573px #FFF, 1891px 930px #FFF, 325px 1408px #FFF, 734px 1601px #FFF, 628px 1369px #FFF, 1328px 1761px #FFF, 1643px 1955px #FFF, 1631px 1843px #FFF, 1435px 598px #FFF, 612px 1301px #FFF, 1782px 166px #FFF, 1482px 412px #FFF, 1052px 775px #FFF, 236px 1410px #FFF, 966px 590px #FFF, 1676px 491px #FFF, 1965px 1608px #FFF, 511px 1257px #FFF, 940px 167px #FFF, 1220px 1191px #FFF, 1068px 191px #FFF, 1018px 869px #FFF, 1786px 605px #FFF, 806px 865px #FFF, 100px 127px #FFF, 938px 1401px #FFF, 708px 891px #FFF, 512px 1468px #FFF, 565px 1469px #FFF, 1249px 1615px #FFF, 1593px 623px #FFF, 1238px 1755px #FFF, 754px 161px #FFF, 1593px 363px #FFF, 107px 273px #FFF, 343px 1109px #FFF, 1100px 1981px #FFF, 1524px 812px #FFF, 246px 365px #FFF, 802px 1700px #FFF, 121px 1344px #FFF, 1848px 1700px #FFF, 911px 1116px #FFF, 618px 1828px #FFF, 1682px 331px #FFF, 984px 366px #FFF, 1775px 1876px #FFF, 832px 928px #FFF, 492px 1551px #FFF, 894px 1332px #FFF, 1799px 770px #FFF, 1580px 1818px #FFF, 502px 437px #FFF, 606px 437px #FFF, 60px 1285px #FFF, 582px 1729px #FFF, 1930px 1574px #FFF, 1399px 1766px #FFF, 255px 1294px #FFF, 956px 1265px #FFF, 78px 719px #FFF, 1863px 572px #FFF, 520px 299px #FFF, 1135px 1891px #FFF, 678px 362px #FFF, 1065px 1419px #FFF, 1360px 337px #FFF, 16px 1186px #FFF, 1648px 99px #FFF, 1379px 89px #FFF, 272px 443px #FFF, 1651px 258px #FFF, 136px 6px #FFF, 48px 505px #FFF, 135px 1399px #FFF, 638px 1498px #FFF, 1397px 1716px #FFF, 866px 1372px #FFF, 1172px 529px #FFF, 1925px 489px #FFF, 1997px 1603px #FFF, 923px 1317px #FFF, 1578px 1818px #FFF, 383px 1212px #FFF, 645px 487px #FFF, 888px 891px #FFF, 535px 1005px #FFF, 603px 1037px #FFF, 1236px 1650px #FFF, 1570px 1608px #FFF, 162px 1695px #FFF, 1287px 1376px #FFF, 525px 468px #FFF, 294px 1425px #FFF, 1856px 113px #FFF, 165px 1197px #FFF, 297px 841px #FFF, 1689px 1780px #FFF, 1339px 540px #FFF, 625px 183px #FFF, 359px 626px #FFF, 1139px 1709px #FFF, 1929px 185px #FFF, 116px 57px #FFF, 62px 730px #FFF, 22px 668px #FFF, 348px 650px #FFF, 1084px 651px #FFF, 1461px 418px #FFF, 738px 402px #FFF, 1714px 1815px #FFF, 1121px 1669px #FFF, 964px 1698px #FFF, 21px 775px #FFF, 917px 1794px #FFF, 1366px 109px #FFF, 1101px 1708px #FFF, 1486px 1236px #FFF, 1864px 321px #FFF, 82px 1500px #FFF, 128px 1084px #FFF, 1295px 1558px #FFF, 987px 1383px #FFF, 528px 956px #FFF, 1427px 865px #FFF, 462px 317px #FFF, 1255px 2px #FFF, 1981px 942px #FFF, 1770px 1593px #FFF, 981px 1854px #FFF, 182px 1091px #FFF, 1238px 1567px #FFF, 1000px 1739px #FFF, 1257px 1891px #FFF, 629px 345px #FFF, 202px 132px #FFF, 1792px 145px #FFF, 1172px 322px #FFF, 1634px 1630px #FFF, 886px 1068px #FFF, 621px 1560px #FFF, 1553px 624px #FFF, 740px 1297px #FFF, 1054px 837px #FFF, 924px 1071px #FFF, 550px 188px #FFF, 399px 788px #FFF, 1546px 1112px #FFF, 260px 385px #FFF, 1174px 1791px #FFF, 752px 631px #FFF, 1820px 20px #FFF, 538px 1762px #FFF, 637px 1703px #FFF, 1162px 1444px #FFF, 1177px 1411px #FFF, 1467px 1310px #FFF, 697px 57px #FFF, 983px 1847px #FFF, 1280px 1840px #FFF, 1969px 944px #FFF, 270px 153px #FFF, 1129px 1517px #FFF, 234px 846px #FFF, 348px 1800px #FFF, 596px 764px #FFF, 692px 948px #FFF, 1625px 88px #FFF, 1898px 68px #FFF, 29px 42px #FFF, 208px 1108px #FFF, 581px 1919px #FFF, 1919px 112px #FFF, 1146px 406px #FFF, 1277px 756px #FFF, 1421px 1334px #FFF, 1987px 883px #FFF, 1584px 328px #FFF, 55px 1355px #FFF, 791px 583px #FFF, 1628px 747px #FFF, 905px 867px #FFF, 998px 373px #FFF, 293px 862px #FFF, 17px 737px #FFF, 761px 1440px #FFF, 332px 1481px #FFF, 472px 388px #FFF, 1130px 1828px #FFF, 1286px 1733px #FFF, 1630px 444px #FFF, 1301px 1204px #FFF, 204px 1705px #FFF, 573px 1705px #FFF, 84px 520px #FFF, 1799px 1976px #FFF, 1536px 1681px #FFF, 420px 935px #FFF, 1132px 382px #FFF, 1126px 485px #FFF, 305px 1523px #FFF, 386px 267px #FFF, 1326px 495px #FFF, 1910px 174px #FFF, 1115px 1615px #FFF, 1801px 333px #FFF, 261px 1155px #FFF, 859px 2px #FFF, 1238px 223px #FFF, 1723px 1184px #FFF, 262px 1067px #FFF, 1426px 1284px #FFF, 1331px 1384px #FFF, 1084px 1769px #FFF, 1562px 553px #FFF, 896px 770px #FFF, 1398px 600px #FFF, 1288px 1760px #FFF, 1596px 1889px #FFF, 1816px 47px #FFF, 1856px 119px #FFF, 1405px 1508px #FFF, 643px 549px #FFF, 1321px 27px #FFF, 1182px 87px #FFF, 724px 1960px #FFF, 846px 1734px #FFF, 524px 292px #FFF, 920px 1955px #FFF, 1269px 1157px #FFF, 1208px 1175px #FFF, 754px 843px #FFF, 1725px 92px #FFF, 470px 1142px #FFF, 550px 699px #FFF, 606px 286px #FFF, 1828px 1223px #FFF, 95px 389px #FFF, 1688px 1617px #FFF, 923px 203px #FFF, 803px 133px #FFF, 1103px 538px #FFF, 900px 1647px #FFF, 1868px 876px #FFF, 1839px 677px #FFF, 550px 640px #FFF, 628px 1222px #FFF, 318px 1709px #FFF, 1185px 1219px #FFF, 1922px 934px #FFF, 1595px 292px #FFF, 553px 1471px #FFF, 340px 1160px #FFF, 1068px 1191px #FFF, 140px 972px #FFF, 1209px 90px #FFF, 1464px 221px #FFF, 766px 538px #FFF, 1271px 671px #FFF, 1822px 100px #FFF, 1250px 1010px #FFF, 1709px 317px #FFF, 541px 63px #FFF, 1112px 1644px #FFF, 1759px 467px #FFF, 1865px 573px #FFF, 478px 1352px #FFF, 360px 268px #FFF, 1397px 56px #FFF, 1993px 600px #FFF, 93px 29px #FFF, 399px 1581px #FFF, 1009px 500px #FFF, 932px 1519px #FFF, 827px 737px #FFF, 1579px 1025px #FFF, 853px 1163px #FFF, 594px 232px #FFF, 1102px 628px #FFF, 1684px 189px #FFF, 843px 1937px #FFF, 428px 1139px #FFF, 898px 1792px #FFF, 1590px 1379px #FFF, 1674px 532px #FFF, 1671px 685px #FFF, 977px 679px #FFF, 1599px 842px #FFF, 1377px 1239px #FFF, 1086px 1409px #FFF, 246px 1285px #FFF, 1442px 1918px #FFF, 243px 1922px #FFF, 1952px 1554px #FFF, 281px 1806px #FFF, 922px 1428px #FFF, 1653px 1304px #FFF, 542px 1032px #FFF, 1312px 24px #FFF, 1133px 832px #FFF, 853px 710px #FFF, 295px 1009px #FFF, 449px 396px #FFF, 1438px 1525px #FFF, 312px 1003px #FFF, 707px 1039px #FFF, 1281px 1256px #FFF, 1410px 921px #FFF, 1956px 766px #FFF, 1109px 690px #FFF, 278px 1810px #FFF, 1717px 132px #FFF, 1558px 687px #FFF, 1364px 1874px #FFF, 426px 1308px #FFF, 1017px 550px #FFF, 873px 967px #FFF, 1714px 517px #FFF, 1879px 1676px #FFF, 1332px 370px #FFF, 1664px 159px #FFF, 1188px 1824px #FFF, 371px 77px #FFF, 9px 1042px #FFF, 381px 1534px #FFF, 1366px 1458px #FFF, 1489px 333px #FFF, 1869px 900px #FFF, 1075px 842px #FFF, 472px 68px #FFF, 1488px 1587px #FFF, 1343px 276px #FFF, 1305px 1020px #FFF, 1505px 609px #FFF, 406px 1350px #FFF, 1299px 1708px #FFF, 764px 1562px #FFF, 1053px 1173px #FFF, 1583px 1693px #FFF, 366px 371px #FFF, 518px 894px #FFF, 1557px 1567px #FFF, 1333px 929px #FFF, 731px 1598px #FFF, 1741px 1958px #FFF, 618px 111px #FFF, 1752px 1404px #FFF, 648px 1679px #FFF, 839px 1958px #FFF, 557px 787px #FFF, 1674px 1531px #FFF, 1590px 737px #FFF, 1259px 1302px #FFF, 921px 665px #FFF, 1429px 221px #FFF, 1262px 1995px #FFF, 1891px 425px #FFF, 1144px 1571px #FFF, 1243px 1811px #FFF, 235px 1075px #FFF, 1470px 1830px #FFF, 1795px 1125px #FFF, 1131px 1630px #FFF, 263px 204px #FFF, 1364px 60px #FFF, 1334px 1393px #FFF, 989px 1099px #FFF, 679px 365px #FFF, 278px 1324px #FFF, 956px 1673px #FFF, 1090px 1018px #FFF, 750px 1549px #FFF, 1953px 1560px #FFF, 1669px 462px #FFF, 116px 527px #FFF, 380px 328px #FFF, 542px 1519px #FFF, 16px 1455px #FFF, 704px 1206px #FFF, 1517px 550px #FFF, 1074px 1901px #FFF, 1152px 132px #FFF, 1907px 274px #FFF, 16px 1489px #FFF, 1887px 920px #FFF, 1506px 168px #FFF, 1647px 443px #FFF, 1314px 835px #FFF, 1477px 1258px #FFF, 1903px 190px #FFF, 790px 115px #FFF, 807px 1530px #FFF, 1026px 1240px #FFF, 1273px 908px #FFF, 1120px 1161px #FFF, 1249px 1041px #FFF, 1627px 495px #FFF, 1921px 1338px #FFF, 1854px 171px #FFF, 445px 640px #FFF;
    animation: animStar 50s linear infinite;
    opacity: 0.3;
    z-index: 0;
    will-change: transform;
}

#stars::after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 1169px 573px #FFF, 1891px 930px #FFF, 325px 1408px #FFF, 734px 1601px #FFF, 628px 1369px #FFF, 1328px 1761px #FFF, 1643px 1955px #FFF, 1631px 1843px #FFF, 1435px 598px #FFF, 612px 1301px #FFF, 1782px 166px #FFF, 1482px 412px #FFF, 1052px 775px #FFF, 236px 1410px #FFF, 966px 590px #FFF, 1676px 491px #FFF, 1965px 1608px #FFF, 511px 1257px #FFF, 940px 167px #FFF, 1220px 1191px #FFF, 1068px 191px #FFF, 1018px 869px #FFF, 1786px 605px #FFF, 806px 865px #FFF, 100px 127px #FFF, 938px 1401px #FFF, 708px 891px #FFF, 512px 1468px #FFF, 565px 1469px #FFF, 1249px 1615px #FFF, 1593px 623px #FFF, 1238px 1755px #FFF, 754px 161px #FFF, 1593px 363px #FFF, 107px 273px #FFF, 343px 1109px #FFF, 1100px 1981px #FFF, 1524px 812px #FFF, 246px 365px #FFF, 802px 1700px #FFF, 121px 1344px #FFF, 1848px 1700px #FFF, 911px 1116px #FFF, 618px 1828px #FFF, 1682px 331px #FFF, 984px 366px #FFF, 1775px 1876px #FFF, 832px 928px #FFF, 492px 1551px #FFF, 894px 1332px #FFF, 1799px 770px #FFF, 1580px 1818px #FFF, 502px 437px #FFF, 606px 437px #FFF, 60px 1285px #FFF, 582px 1729px #FFF, 1930px 1574px #FFF, 1399px 1766px #FFF, 255px 1294px #FFF, 956px 1265px #FFF, 78px 719px #FFF, 1863px 572px #FFF, 520px 299px #FFF, 1135px 1891px #FFF, 678px 362px #FFF, 1065px 1419px #FFF, 1360px 337px #FFF, 16px 1186px #FFF, 1648px 99px #FFF, 1379px 89px #FFF, 272px 443px #FFF, 1651px 258px #FFF, 136px 6px #FFF, 48px 505px #FFF, 135px 1399px #FFF, 638px 1498px #FFF, 1397px 1716px #FFF, 866px 1372px #FFF, 1172px 529px #FFF, 1925px 489px #FFF, 1997px 1603px #FFF, 923px 1317px #FFF, 1578px 1818px #FFF, 383px 1212px #FFF, 645px 487px #FFF, 888px 891px #FFF, 535px 1005px #FFF, 603px 1037px #FFF, 1236px 1650px #FFF, 1570px 1608px #FFF, 162px 1695px #FFF, 1287px 1376px #FFF, 525px 468px #FFF, 294px 1425px #FFF, 1856px 113px #FFF, 165px 1197px #FFF, 297px 841px #FFF, 1689px 1780px #FFF, 1339px 540px #FFF, 625px 183px #FFF, 359px 626px #FFF, 1139px 1709px #FFF, 1929px 185px #FFF, 116px 57px #FFF, 62px 730px #FFF, 22px 668px #FFF, 348px 650px #FFF, 1084px 651px #FFF, 1461px 418px #FFF, 738px 402px #FFF, 1714px 1815px #FFF, 1121px 1669px #FFF, 964px 1698px #FFF, 21px 775px #FFF, 917px 1794px #FFF, 1366px 109px #FFF, 1101px 1708px #FFF, 1486px 1236px #FFF, 1864px 321px #FFF, 82px 1500px #FFF, 128px 1084px #FFF, 1295px 1558px #FFF, 987px 1383px #FFF, 528px 956px #FFF, 1427px 865px #FFF, 462px 317px #FFF, 1255px 2px #FFF, 1981px 942px #FFF, 1770px 1593px #FFF, 981px 1854px #FFF, 182px 1091px #FFF, 1238px 1567px #FFF, 1000px 1739px #FFF, 1257px 1891px #FFF, 629px 345px #FFF, 202px 132px #FFF, 1792px 145px #FFF, 1172px 322px #FFF, 1634px 1630px #FFF, 886px 1068px #FFF, 621px 1560px #FFF, 1553px 624px #FFF, 740px 1297px #FFF, 1054px 837px #FFF, 924px 1071px #FFF, 550px 188px #FFF, 399px 788px #FFF, 1546px 1112px #FFF, 260px 385px #FFF, 1174px 1791px #FFF, 752px 631px #FFF, 1820px 20px #FFF, 538px 1762px #FFF, 637px 1703px #FFF, 1162px 1444px #FFF, 1177px 1411px #FFF, 1467px 1310px #FFF, 697px 57px #FFF, 983px 1847px #FFF, 1280px 1840px #FFF, 1969px 944px #FFF, 270px 153px #FFF, 1129px 1517px #FFF, 234px 846px #FFF, 348px 1800px #FFF, 596px 764px #FFF, 692px 948px #FFF, 1625px 88px #FFF, 1898px 68px #FFF, 29px 42px #FFF, 208px 1108px #FFF, 581px 1919px #FFF, 1919px 112px #FFF, 1146px 406px #FFF, 1277px 756px #FFF, 1421px 1334px #FFF, 1987px 883px #FFF, 1584px 328px #FFF, 55px 1355px #FFF, 791px 583px #FFF, 1628px 747px #FFF, 905px 867px #FFF, 998px 373px #FFF, 293px 862px #FFF, 17px 737px #FFF, 761px 1440px #FFF, 332px 1481px #FFF, 472px 388px #FFF, 1130px 1828px #FFF, 1286px 1733px #FFF, 1630px 444px #FFF, 1301px 1204px #FFF, 204px 1705px #FFF, 573px 1705px #FFF, 84px 520px #FFF, 1799px 1976px #FFF, 1536px 1681px #FFF, 420px 935px #FFF, 1132px 382px #FFF, 1126px 485px #FFF, 305px 1523px #FFF, 386px 267px #FFF, 1326px 495px #FFF, 1910px 174px #FFF, 1115px 1615px #FFF, 1801px 333px #FFF, 261px 1155px #FFF, 859px 2px #FFF, 1238px 223px #FFF, 1723px 1184px #FFF, 262px 1067px #FFF, 1426px 1284px #FFF, 1331px 1384px #FFF, 1084px 1769px #FFF, 1562px 553px #FFF, 896px 770px #FFF, 1398px 600px #FFF, 1288px 1760px #FFF, 1596px 1889px #FFF, 1816px 47px #FFF, 1856px 119px #FFF, 1405px 1508px #FFF, 643px 549px #FFF, 1321px 27px #FFF, 1182px 87px #FFF, 724px 1960px #FFF, 846px 1734px #FFF, 524px 292px #FFF, 920px 1955px #FFF, 1269px 1157px #FFF, 1208px 1175px #FFF, 754px 843px #FFF, 1725px 92px #FFF, 470px 1142px #FFF, 550px 699px #FFF, 606px 286px #FFF, 1828px 1223px #FFF, 95px 389px #FFF, 1688px 1617px #FFF, 923px 203px #FFF, 803px 133px #FFF, 1103px 538px #FFF, 900px 1647px #FFF, 1868px 876px #FFF, 1839px 677px #FFF, 550px 640px #FFF, 628px 1222px #FFF, 318px 1709px #FFF, 1185px 1219px #FFF, 1922px 934px #FFF, 1595px 292px #FFF, 553px 1471px #FFF, 340px 1160px #FFF, 1068px 1191px #FFF, 140px 972px #FFF, 1209px 90px #FFF, 1464px 221px #FFF, 766px 538px #FFF, 1271px 671px #FFF, 1822px 100px #FFF, 1250px 1010px #FFF, 1709px 317px #FFF, 541px 63px #FFF, 1112px 1644px #FFF, 1759px 467px #FFF, 1865px 573px #FFF, 478px 1352px #FFF, 360px 268px #FFF, 1397px 56px #FFF, 1993px 600px #FFF, 93px 29px #FFF, 399px 1581px #FFF, 1009px 500px #FFF, 932px 1519px #FFF, 827px 737px #FFF, 1579px 1025px #FFF, 853px 1163px #FFF, 594px 232px #FFF, 1102px 628px #FFF, 1684px 189px #FFF, 843px 1937px #FFF, 428px 1139px #FFF, 898px 1792px #FFF, 1590px 1379px #FFF, 1674px 532px #FFF, 1671px 685px #FFF, 977px 679px #FFF, 1599px 842px #FFF, 1377px 1239px #FFF, 1086px 1409px #FFF, 246px 1285px #FFF, 1442px 1918px #FFF, 243px 1922px #FFF, 1952px 1554px #FFF, 281px 1806px #FFF, 922px 1428px #FFF, 1653px 1304px #FFF, 542px 1032px #FFF, 1312px 24px #FFF, 1133px 832px #FFF, 853px 710px #FFF, 295px 1009px #FFF, 449px 396px #FFF, 1438px 1525px #FFF, 312px 1003px #FFF, 707px 1039px #FFF, 1281px 1256px #FFF, 1410px 921px #FFF, 1956px 766px #FFF, 1109px 690px #FFF, 278px 1810px #FFF, 1717px 132px #FFF, 1558px 687px #FFF, 1364px 1874px #FFF, 426px 1308px #FFF, 1017px 550px #FFF, 873px 967px #FFF, 1714px 517px #FFF, 1879px 1676px #FFF, 1332px 370px #FFF, 1664px 159px #FFF, 1188px 1824px #FFF, 371px 77px #FFF, 9px 1042px #FFF, 381px 1534px #FFF, 1366px 1458px #FFF, 1489px 333px #FFF, 1869px 900px #FFF, 1075px 842px #FFF, 472px 68px #FFF, 1488px 1587px #FFF, 1343px 276px #FFF, 1305px 1020px #FFF, 1505px 609px #FFF, 406px 1350px #FFF, 1299px 1708px #FFF, 764px 1562px #FFF, 1053px 1173px #FFF, 1583px 1693px #FFF, 366px 371px #FFF, 518px 894px #FFF, 1557px 1567px #FFF, 1333px 929px #FFF, 731px 1598px #FFF, 1741px 1958px #FFF, 618px 111px #FFF, 1752px 1404px #FFF, 648px 1679px #FFF, 839px 1958px #FFF, 557px 787px #FFF, 1674px 1531px #FFF, 1590px 737px #FFF, 1259px 1302px #FFF, 921px 665px #FFF, 1429px 221px #FFF, 1262px 1995px #FFF, 1891px 425px #FFF, 1144px 1571px #FFF, 1243px 1811px #FFF, 235px 1075px #FFF, 1470px 1830px #FFF, 1795px 1125px #FFF, 1131px 1630px #FFF, 263px 204px #FFF, 1364px 60px #FFF, 1334px 1393px #FFF, 989px 1099px #FFF, 679px 365px #FFF, 278px 1324px #FFF, 956px 1673px #FFF, 1090px 1018px #FFF, 750px 1549px #FFF, 1953px 1560px #FFF, 1669px 462px #FFF, 116px 527px #FFF, 380px 328px #FFF, 542px 1519px #FFF, 16px 1455px #FFF, 704px 1206px #FFF, 1517px 550px #FFF, 1074px 1901px #FFF, 1152px 132px #FFF, 1907px 274px #FFF, 16px 1489px #FFF, 1887px 920px #FFF, 1506px 168px #FFF, 1647px 443px #FFF, 1314px 835px #FFF, 1477px 1258px #FFF, 1903px 190px #FFF, 790px 115px #FFF, 807px 1530px #FFF, 1026px 1240px #FFF, 1273px 908px #FFF, 1120px 1161px #FFF, 1249px 1041px #FFF, 1627px 495px #FFF, 1921px 1338px #FFF, 1854px 171px #FFF, 445px 640px #FFF;
}

/* Medium Stars - Layer 2 */
#stars2 {
    position: fixed;
    top: 0;
    left: 0;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1702px 265px #FFF, 225px 1769px #FFF, 1126px 936px #FFF, 928px 1945px #FFF, 265px 1341px #FFF, 312px 1378px #FFF, 92px 1212px #FFF, 1624px 699px #FFF, 598px 548px #FFF, 1769px 697px #FFF, 905px 1945px #FFF, 600px 307px #FFF, 518px 1718px #FFF, 1635px 1894px #FFF, 1691px 124px #FFF, 885px 702px #FFF, 944px 882px #FFF, 1908px 100px #FFF, 935px 716px #FFF, 952px 1999px #FFF, 1344px 1728px #FFF, 882px 754px #FFF, 1946px 375px #FFF, 886px 1693px #FFF, 259px 396px #FFF, 1284px 1570px #FFF, 1753px 1339px #FFF, 1008px 84px #FFF, 686px 914px #FFF, 1639px 964px #FFF, 1006px 1411px #FFF, 1617px 1900px #FFF, 38px 29px #FFF, 1778px 1506px #FFF, 1663px 1476px #FFF, 1724px 1065px #FFF, 1089px 75px #FFF, 484px 1516px #FFF, 239px 1130px #FFF, 952px 1766px #FFF, 266px 1011px #FFF, 1133px 331px #FFF, 1766px 1213px #FFF, 1108px 108px #FFF, 693px 56px #FFF, 664px 809px #FFF, 549px 1226px #FFF, 95px 553px #FFF, 1697px 1688px #FFF, 491px 815px #FFF, 1776px 1091px #FFF, 682px 119px #FFF, 1442px 1081px #FFF, 1968px 493px #FFF, 823px 592px #FFF, 495px 1043px #FFF, 1011px 1234px #FFF, 360px 1489px #FFF, 831px 381px #FFF, 1181px 1170px #FFF, 613px 156px #FFF, 1722px 1341px #FFF, 709px 694px #FFF, 9px 556px #FFF, 196px 1691px #FFF, 1456px 1247px #FFF, 395px 1020px #FFF, 310px 696px #FFF, 1569px 773px #FFF, 116px 795px #FFF, 1862px 1975px #FFF, 1469px 1988px #FFF, 223px 483px #FFF, 1016px 1013px #FFF, 1254px 1633px #FFF, 1424px 185px #FFF, 577px 1306px #FFF, 771px 385px #FFF, 814px 1550px #FFF, 1063px 402px #FFF, 1570px 1240px #FFF, 387px 1901px #FFF, 1305px 1374px #FFF, 863px 427px #FFF, 182px 306px #FFF, 248px 263px #FFF, 1028px 1962px #FFF, 1247px 630px #FFF, 1258px 1266px #FFF, 1357px 393px #FFF, 390px 844px #FFF, 1390px 268px #FFF, 305px 104px #FFF, 1826px 1218px #FFF, 282px 1698px #FFF, 732px 331px #FFF, 771px 725px #FFF, 1441px 1757px #FFF, 897px 157px #FFF, 1820px 1033px #FFF, 363px 303px #FFF, 603px 234px #FFF, 1036px 1587px #FFF, 1917px 267px #FFF, 112px 1551px #FFF, 297px 347px #FFF, 1632px 266px #FFF, 1178px 131px #FFF, 1185px 447px #FFF, 121px 1357px #FFF, 743px 1044px #FFF, 382px 1911px #FFF, 341px 1879px #FFF, 1230px 202px #FFF, 274px 27px #FFF, 1269px 1943px #FFF, 1168px 1983px #FFF, 1066px 1218px #FFF, 1648px 1911px #FFF, 1921px 596px #FFF, 341px 687px #FFF, 217px 1051px #FFF, 1696px 483px #FFF, 1237px 1386px #FFF, 355px 251px #FFF, 1595px 1206px #FFF, 423px 1116px #FFF, 1968px 944px #FFF, 1274px 911px #FFF, 1568px 1394px #FFF, 62px 1831px #FFF, 1995px 672px #FFF, 772px 106px #FFF, 69px 1643px #FFF, 1207px 1503px #FFF, 1419px 1773px #FFF, 217px 1912px #FFF, 60px 605px #FFF, 490px 604px #FFF, 233px 1193px #FFF, 1140px 1932px #FFF, 61px 800px #FFF, 398px 1743px #FFF, 51px 1743px #FFF, 848px 1780px #FFF, 1470px 1020px #FFF, 441px 1714px #FFF, 1279px 1648px #FFF, 1168px 963px #FFF, 1930px 1435px #FFF;
    animation: animStar 100s linear infinite;
    opacity: 0.3;
    z-index: 0;
    will-change: transform;
}

#stars2::after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 1702px 265px #FFF, 225px 1769px #FFF, 1126px 936px #FFF, 928px 1945px #FFF, 265px 1341px #FFF, 312px 1378px #FFF, 92px 1212px #FFF, 1624px 699px #FFF, 598px 548px #FFF, 1769px 697px #FFF, 905px 1945px #FFF, 600px 307px #FFF, 518px 1718px #FFF, 1635px 1894px #FFF, 1691px 124px #FFF, 885px 702px #FFF, 944px 882px #FFF, 1908px 100px #FFF, 935px 716px #FFF, 952px 1999px #FFF, 1344px 1728px #FFF, 882px 754px #FFF, 1946px 375px #FFF, 886px 1693px #FFF, 259px 396px #FFF, 1284px 1570px #FFF, 1753px 1339px #FFF, 1008px 84px #FFF, 686px 914px #FFF, 1639px 964px #FFF, 1006px 1411px #FFF, 1617px 1900px #FFF, 38px 29px #FFF, 1778px 1506px #FFF, 1663px 1476px #FFF, 1724px 1065px #FFF, 1089px 75px #FFF, 484px 1516px #FFF, 239px 1130px #FFF, 952px 1766px #FFF, 266px 1011px #FFF, 1133px 331px #FFF, 1766px 1213px #FFF, 1108px 108px #FFF, 693px 56px #FFF, 664px 809px #FFF, 549px 1226px #FFF, 95px 553px #FFF, 1697px 1688px #FFF, 491px 815px #FFF, 1776px 1091px #FFF, 682px 119px #FFF, 1442px 1081px #FFF, 1968px 493px #FFF, 823px 592px #FFF, 495px 1043px #FFF, 1011px 1234px #FFF, 360px 1489px #FFF, 831px 381px #FFF, 1181px 1170px #FFF, 613px 156px #FFF, 1722px 1341px #FFF, 709px 694px #FFF, 9px 556px #FFF, 196px 1691px #FFF, 1456px 1247px #FFF, 395px 1020px #FFF, 310px 696px #FFF, 1569px 773px #FFF, 116px 795px #FFF, 1862px 1975px #FFF, 1469px 1988px #FFF, 223px 483px #FFF, 1016px 1013px #FFF, 1254px 1633px #FFF, 1424px 185px #FFF, 577px 1306px #FFF, 771px 385px #FFF, 814px 1550px #FFF, 1063px 402px #FFF, 1570px 1240px #FFF, 387px 1901px #FFF, 1305px 1374px #FFF, 863px 427px #FFF, 182px 306px #FFF, 248px 263px #FFF, 1028px 1962px #FFF, 1247px 630px #FFF, 1258px 1266px #FFF, 1357px 393px #FFF, 390px 844px #FFF, 1390px 268px #FFF, 305px 104px #FFF, 1826px 1218px #FFF, 282px 1698px #FFF, 732px 331px #FFF, 771px 725px #FFF, 1441px 1757px #FFF, 897px 157px #FFF, 1820px 1033px #FFF, 363px 303px #FFF, 603px 234px #FFF, 1036px 1587px #FFF, 1917px 267px #FFF, 112px 1551px #FFF, 297px 347px #FFF, 1632px 266px #FFF, 1178px 131px #FFF, 1185px 447px #FFF, 121px 1357px #FFF, 743px 1044px #FFF, 382px 1911px #FFF, 341px 1879px #FFF, 1230px 202px #FFF, 274px 27px #FFF, 1269px 1943px #FFF, 1168px 1983px #FFF, 1066px 1218px #FFF, 1648px 1911px #FFF, 1921px 596px #FFF, 341px 687px #FFF, 217px 1051px #FFF, 1696px 483px #FFF, 1237px 1386px #FFF, 355px 251px #FFF, 1595px 1206px #FFF, 423px 1116px #FFF, 1968px 944px #FFF, 1274px 911px #FFF, 1568px 1394px #FFF, 62px 1831px #FFF, 1995px 672px #FFF, 772px 106px #FFF, 69px 1643px #FFF, 1207px 1503px #FFF, 1419px 1773px #FFF, 217px 1912px #FFF, 60px 605px #FFF, 490px 604px #FFF, 233px 1193px #FFF, 1140px 1932px #FFF, 61px 800px #FFF, 398px 1743px #FFF, 51px 1743px #FFF, 848px 1780px #FFF, 1470px 1020px #FFF, 441px 1714px #FFF, 1279px 1648px #FFF, 1168px 963px #FFF, 1930px 1435px #FFF;
}

/* Large Stars - Layer 3 */
#stars3 {
    position: fixed;
    top: 0;
    left: 0;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1213px 298px #FFF, 534px 1772px #FFF, 1444px 646px #FFF, 969px 1823px #FFF, 700px 167px #FFF, 678px 265px #FFF, 891px 187px #FFF, 1304px 1330px #FFF, 1193px 1938px #FFF, 1072px 1854px #FFF, 1120px 90px #FFF, 1875px 619px #FFF, 164px 785px #FFF, 959px 474px #FFF, 743px 666px #FFF, 383px 243px #FFF, 808px 207px #FFF, 1303px 1294px #FFF, 1064px 1723px #FFF, 626px 1677px #FFF, 819px 1091px #FFF, 1836px 891px #FFF, 1255px 1987px #FFF, 1272px 1743px #FFF, 1978px 75px #FFF, 1986px 665px #FFF, 1363px 359px #FFF, 119px 1227px #FFF, 122px 1572px #FFF, 574px 228px #FFF, 1740px 190px #FFF, 567px 1705px #FFF, 1132px 708px #FFF, 217px 970px #FFF, 1106px 1834px #FFF, 1985px 1017px #FFF, 347px 396px #FFF, 1409px 1463px #FFF, 513px 1858px #FFF, 1361px 1188px #FFF, 280px 1972px #FFF, 510px 91px #FFF, 1085px 1708px #FFF, 195px 1548px #FFF, 1240px 1939px #FFF, 178px 208px #FFF, 703px 911px #FFF, 1909px 1582px #FFF, 1224px 1467px #FFF, 1754px 76px #FFF, 439px 858px #FFF, 1082px 1854px #FFF, 145px 1735px #FFF, 307px 1261px #FFF, 1260px 1569px #FFF, 996px 1364px #FFF, 1171px 742px #FFF, 1943px 1854px #FFF, 309px 1473px #FFF, 95px 1210px #FFF, 1340px 169px #FFF, 1492px 913px #FFF, 843px 214px #FFF, 1672px 1840px #FFF, 951px 240px #FFF, 1242px 835px #FFF, 319px 1535px #FFF, 1754px 850px #FFF, 254px 1342px #FFF, 793px 879px #FFF, 1823px 1767px #FFF, 1797px 1210px #FFF, 1672px 595px #FFF, 842px 1882px #FFF, 1393px 1488px #FFF;
    animation: animStar 150s linear infinite;
    opacity: 0.3;
    z-index: 0;
    will-change: transform;
}

#stars3::after {
    content: "";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1213px 298px #FFF, 534px 1772px #FFF, 1444px 646px #FFF, 969px 1823px #FFF, 700px 167px #FFF, 678px 265px #FFF, 891px 187px #FFF, 1304px 1330px #FFF, 1193px 1938px #FFF, 1072px 1854px #FFF, 1120px 90px #FFF, 1875px 619px #FFF, 164px 785px #FFF, 959px 474px #FFF, 743px 666px #FFF, 383px 243px #FFF, 808px 207px #FFF, 1303px 1294px #FFF, 1064px 1723px #FFF, 626px 1677px #FFF, 819px 1091px #FFF, 1836px 891px #FFF, 1255px 1987px #FFF, 1272px 1743px #FFF, 1978px 75px #FFF, 1986px 665px #FFF, 1363px 359px #FFF, 119px 1227px #FFF, 122px 1572px #FFF, 574px 228px #FFF, 1740px 190px #FFF, 567px 1705px #FFF, 1132px 708px #FFF, 217px 970px #FFF, 1106px 1834px #FFF, 1985px 1017px #FFF, 347px 396px #FFF, 1409px 1463px #FFF, 513px 1858px #FFF, 1361px 1188px #FFF, 280px 1972px #FFF, 510px 91px #FFF, 1085px 1708px #FFF, 195px 1548px #FFF, 1240px 1939px #FFF, 178px 208px #FFF, 703px 911px #FFF, 1909px 1582px #FFF, 1224px 1467px #FFF, 1754px 76px #FFF, 439px 858px #FFF, 1082px 1854px #FFF, 145px 1735px #FFF, 307px 1261px #FFF, 1260px 1569px #FFF, 996px 1364px #FFF, 1171px 742px #FFF, 1943px 1854px #FFF, 309px 1473px #FFF, 95px 1210px #FFF, 1340px 169px #FFF, 1492px 913px #FFF, 843px 214px #FFF, 1672px 1840px #FFF, 951px 240px #FFF, 1242px 835px #FFF, 319px 1535px #FFF, 1754px 850px #FFF, 254px 1342px #FFF, 793px 879px #FFF, 1823px 1767px #FFF, 1797px 1210px #FFF, 1672px 595px #FFF, 842px 1882px #FFF, 1393px 1488px #FFF;
}

/* Responsive Typography */
@media (max-width: 640px) {
    .intro h1 {
        font-size: 1.75rem;
    }

    .about p,
    .tagline {
        font-size: 0.9375rem;
    }

    .contact .links {
        font-size: 0.875rem;
    }

    .icon-buttons {
        gap: 12px;
    }

    .icon-btn {
        padding: 6px;
    }

    section {
        margin-bottom: 3rem;
    }

    /* Starfield optimizations for mobile */
    #stars2, #stars3 {
        display: none;
    }

    #stars {
        opacity: 0.2;
    }
}

/* Projects Link Section (Homepage) */
.projects-link {
    margin-bottom: 4rem;
    text-align: center;
}

.platform-links {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 1rem;
}

.separator {
    color: #555555;
    font-size: 1rem;
    user-select: none;
}

.nav-link {
    font-size: 1rem;
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #555555;
    transition: border-color 0.2s ease, color 0.2s ease;
    display: inline-block;
    padding-bottom: 2px;
}

.nav-link:hover {
    border-bottom-color: #aaaaaa;
}

/* Projects Page Styles */
.back-nav {
    margin-bottom: 2rem;
    text-align: center;
}

.back-nav.bottom {
    margin-top: 4rem;
    margin-bottom: 0;
}

.back-button {
    font-size: 0.9375rem;
    color: #aaaaaa;
    text-decoration: none;
    border-bottom: 1px solid transparent;
    transition: all 0.2s ease;
    display: inline-block;
}

.back-button:hover {
    color: #ffffff;
    border-bottom-color: #555555;
}

.platform-header {
    text-align: center;
    margin-bottom: 4rem;
}

.platform-header h1 {
    font-size: 2rem;
    font-weight: 600;
    color: #ffffff;
    letter-spacing: -0.02em;
    margin-bottom: 0.75rem;
}

.platform-description {
    font-size: 1rem;
    color: #888888;
    max-width: 480px;
    margin: 0 auto;
}

/* Project Post Styles */
.project-post {
    margin-bottom: 4rem;
    padding-bottom: 4rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.08);
}

.project-post:last-of-type {
    border-bottom: none;
    padding-bottom: 0;
}

.project-post-header {
    text-align: center;
    margin-bottom: 1.5rem;
}

.project-post-header h2 {
    font-size: 1.5rem;
    font-weight: 600;
    color: #ffffff;
    margin-bottom: 0.5rem;
    letter-spacing: -0.01em;
}

.project-date {
    font-size: 0.875rem;
    color: #888888;
    font-style: normal;
}

.project-tags {
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
    justify-content: center;
}

.tag {
    display: inline-block;
    padding: 4px 12px;
    font-size: 0.8125rem;
    color: #e0e0e0;
    border: 1px solid #444444;
    border-radius: 3px;
    background: transparent;
    transition: border-color 0.2s ease;
}

.project-content {
    color: #e0e0e0;
    line-height: 1.8;
    max-width: 540px;
    margin: 0 auto;
}

.project-content p {
    margin-bottom: 1.5rem;
    font-size: 1rem;
}

.project-content h3 {
    font-size: 1.125rem;
    font-weight: 600;
    color: #ffffff;
    margin-top: 2.5rem;
    margin-bottom: 1rem;
    letter-spacing: -0.01em;
}

.project-content ul {
    margin-left: 1.5rem;
    margin-bottom: 1.5rem;
}

.project-content li {
    margin-bottom: 0.75rem;
    line-height: 1.7;
}

.project-links {
    margin-top: 2.5rem;
    text-align: center;
}

.project-links a {
    color: #ffffff;
    text-decoration: none;
    border-bottom: 1px solid #555555;
    transition: border-color 0.2s ease;
    font-size: 0.9375rem;
    padding-bottom: 2px;
}

.project-links a:hover {
    border-bottom-color: #aaaaaa;
}

/* Mobile adjustments */
@media (max-width: 640px) {
    .platform-links {
        flex-direction: column;
        gap: 1.25rem;
    }

    .separator {
        display: none;
    }

    .platform-header h1 {
        font-size: 1.75rem;
    }

    .platform-description {
        font-size: 0.9375rem;
    }

    .project-post-header h2 {
        font-size: 1.25rem;
    }

    .project-post {
        margin-bottom: 3rem;
        padding-bottom: 3rem;
    }

    .project-content {
        font-size: 0.9375rem;
    }

    .project-content ul {
        margin-left: 1.25rem;
    }

    .project-content h3 {
        font-size: 1rem;
        margin-top: 2rem;
    }
}