:root {
    --primary-red: #580a16;
    --primary-red-hover: #4a0812;
    --text-dark: #333;
    --text-light: #666;
    --white: #ffffff;
    --bg-light: #fdfbfb;
    --transition: all 0.3s ease;
}

body.form-page {
    background: radial-gradient(ellipse at bottom, #440812 0%, #160105 100%);
    min-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: 'Poppins', sans-serif;
    color: var(--text-dark);
    margin: 0;
    padding: 0px 20px;
    position: relative;
    overflow-x: hidden;
    overflow-y: auto;
}

#stars {
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 385px 1772px #FFF, 443px 971px #FFF, 1611px 778px #FFF, 1191px 365px #FFF, 1520px 958px #FFF, 1090px 1474px #FFF, 944px 1369px #FFF, 570px 274px #FFF, 1156px 1767px #FFF, 443px 1033px #FFF, 450px 1570px #FFF, 311px 686px #FFF, 676px 179px #FFF, 1542px 400px #FFF, 1036px 554px #FFF, 1853px 1750px #FFF, 508px 1045px #FFF, 1067px 367px #FFF, 241px 1000px #FFF, 9px 162px #FFF, 790px 1212px #FFF, 1476px 1668px #FFF, 1289px 1614px #FFF, 469px 1846px #FFF, 1774px 1627px #FFF, 434px 914px #FFF, 419px 1211px #FFF, 1018px 1985px #FFF, 296px 567px #FFF, 120px 16px #FFF, 1858px 991px #FFF, 1792px 19px #FFF, 86px 1739px #FFF, 792px 682px #FFF, 173px 437px #FFF, 804px 1160px #FFF, 1281px 1872px #FFF, 553px 983px #FFF, 345px 818px #FFF, 1682px 1575px #FFF, 1132px 77px #FFF, 1666px 1776px #FFF, 232px 774px #FFF, 1890px 910px #FFF, 315px 1653px #FFF, 1770px 187px #FFF, 1315px 1662px #FFF, 1344px 1895px #FFF, 473px 1607px #FFF, 37px 666px #FFF, 761px 838px #FFF, 1411px 1914px #FFF, 271px 1908px #FFF, 803px 1755px #FFF, 168px 1759px #FFF, 840px 1285px #FFF, 856px 753px #FFF, 135px 1563px #FFF, 590px 918px #FFF, 1576px 855px #FFF, 430px 1291px #FFF, 1688px 1180px #FFF, 962px 1950px #FFF, 1969px 929px #FFF, 1234px 1851px #FFF, 1415px 1262px #FFF, 241px 703px #FFF, 622px 369px #FFF, 276px 419px #FFF, 71px 140px #FFF, 1685px 1628px #FFF, 1737px 1062px #FFF, 1349px 715px #FFF, 1589px 650px #FFF, 1510px 1467px #FFF, 1404px 1409px #FFF, 2000px 1785px #FFF, 1855px 61px #FFF, 685px 457px #FFF, 390px 1936px #FFF, 965px 1765px #FFF, 1783px 1511px #FFF, 1160px 229px #FFF, 415px 424px #FFF, 1796px 704px #FFF, 1474px 349px #FFF, 206px 1326px #FFF, 360px 147px #FFF, 451px 369px #FFF, 1376px 87px #FFF, 549px 1331px #FFF, 1833px 373px #FFF, 841px 1522px #FFF, 729px 1532px #FFF, 232px 817px #FFF, 539px 71px #FFF, 1081px 1068px #FFF, 1090px 571px #FFF, 561px 1518px #FFF, 1962px 1553px #FFF, 114px 1469px #FFF, 1091px 852px #FFF, 744px 1326px #FFF, 382px 1390px #FFF, 1822px 485px #FFF, 861px 925px #FFF, 1886px 14px #FFF, 1372px 13px #FFF, 1572px 713px #FFF, 922px 490px #FFF, 1942px 363px #FFF, 1134px 1943px #FFF, 817px 1769px #FFF, 1981px 1873px #FFF, 967px 1936px #FFF, 1181px 1503px #FFF, 613px 23px #FFF, 1617px 1250px #FFF, 1580px 1244px #FFF, 964px 1833px #FFF, 1856px 803px #FFF, 1535px 1383px #FFF, 1723px 1545px #FFF, 856px 1821px #FFF, 1210px 1038px #FFF, 1395px 1992px #FFF, 607px 1572px #FFF, 947px 1372px #FFF, 1690px 1855px #FFF, 668px 152px #FFF, 1188px 892px #FFF, 1573px 660px #FFF, 760px 29px #FFF, 1882px 653px #FFF, 200px 842px #FFF, 52px 1987px #FFF, 163px 151px #FFF, 1535px 1661px #FFF, 226px 1782px #FFF, 1461px 1483px #FFF, 644px 1733px #FFF, 1065px 623px #FFF, 1764px 895px #FFF, 1958px 1410px #FFF, 1414px 390px #FFF, 1202px 1590px #FFF, 972px 1773px #FFF, 522px 1242px #FFF, 1385px 1474px #FFF, 1024px 131px #FFF, 548px 1142px #FFF, 557px 950px #FFF, 1298px 623px #FFF, 474px 1548px #FFF, 277px 456px #FFF, 1352px 968px #FFF, 1698px 835px #FFF, 1641px 907px #FFF, 1604px 1458px #FFF, 634px 1188px #FFF, 1168px 864px #FFF, 793px 1350px #FFF, 338px 108px #FFF, 1775px 1066px #FFF, 1987px 1607px #FFF, 844px 598px #FFF, 547px 706px #FFF, 1451px 1779px #FFF, 213px 308px #FFF, 1858px 655px #FFF, 363px 1444px #FFF, 220px 1423px #FFF, 1405px 1493px #FFF, 1970px 1281px #FFF, 369px 1268px #FFF, 283px 1647px #FFF, 171px 850px #FFF, 962px 992px #FFF, 1328px 739px #FFF, 1548px 1541px #FFF, 113px 328px #FFF, 781px 634px #FFF, 1111px 1284px #FFF, 1484px 676px #FFF, 1144px 1952px #FFF, 1057px 1089px #FFF, 1855px 1832px #FFF, 548px 1870px #FFF, 40px 996px #FFF, 633px 914px #FFF, 1747px 1977px #FFF, 1206px 702px #FFF, 1801px 1803px #FFF, 706px 1626px #FFF, 1897px 1370px #FFF, 1842px 1944px #FFF, 458px 1103px #FFF, 441px 409px #FFF, 688px 1981px #FFF, 1805px 988px #FFF;
    animation: animStar 50s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -3;
}

#stars::after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 1px;
    height: 1px;
    background: transparent;
    box-shadow: 385px 1772px #FFF, 443px 971px #FFF, 1611px 778px #FFF, 1191px 365px #FFF, 1520px 958px #FFF, 1090px 1474px #FFF, 944px 1369px #FFF, 570px 274px #FFF, 1156px 1767px #FFF, 443px 1033px #FFF, 450px 1570px #FFF, 311px 686px #FFF, 676px 179px #FFF, 1542px 400px #FFF, 1036px 554px #FFF, 1853px 1750px #FFF, 508px 1045px #FFF, 1067px 367px #FFF, 241px 1000px #FFF, 9px 162px #FFF, 790px 1212px #FFF, 1476px 1668px #FFF, 1289px 1614px #FFF, 469px 1846px #FFF, 1774px 1627px #FFF, 434px 914px #FFF, 419px 1211px #FFF, 1018px 1985px #FFF, 296px 567px #FFF, 120px 16px #FFF, 1858px 991px #FFF, 1792px 19px #FFF, 86px 1739px #FFF, 792px 682px #FFF, 173px 437px #FFF, 804px 1160px #FFF, 1281px 1872px #FFF, 553px 983px #FFF, 345px 818px #FFF, 1682px 1575px #FFF, 1132px 77px #FFF, 1666px 1776px #FFF, 232px 774px #FFF, 1890px 910px #FFF, 315px 1653px #FFF, 1770px 187px #FFF, 1315px 1662px #FFF, 1344px 1895px #FFF, 473px 1607px #FFF, 37px 666px #FFF, 761px 838px #FFF, 1411px 1914px #FFF, 271px 1908px #FFF, 803px 1755px #FFF, 168px 1759px #FFF, 840px 1285px #FFF, 856px 753px #FFF, 135px 1563px #FFF, 590px 918px #FFF, 1576px 855px #FFF, 430px 1291px #FFF, 1688px 1180px #FFF, 962px 1950px #FFF, 1969px 929px #FFF, 1234px 1851px #FFF, 1415px 1262px #FFF, 241px 703px #FFF, 622px 369px #FFF, 276px 419px #FFF, 71px 140px #FFF, 1685px 1628px #FFF, 1737px 1062px #FFF, 1349px 715px #FFF, 1589px 650px #FFF, 1510px 1467px #FFF, 1404px 1409px #FFF, 2000px 1785px #FFF, 1855px 61px #FFF, 685px 457px #FFF, 390px 1936px #FFF, 965px 1765px #FFF, 1783px 1511px #FFF, 1160px 229px #FFF, 415px 424px #FFF, 1796px 704px #FFF, 1474px 349px #FFF, 206px 1326px #FFF, 360px 147px #FFF, 451px 369px #FFF, 1376px 87px #FFF, 549px 1331px #FFF, 1833px 373px #FFF, 841px 1522px #FFF, 729px 1532px #FFF, 232px 817px #FFF, 539px 71px #FFF, 1081px 1068px #FFF, 1090px 571px #FFF, 561px 1518px #FFF, 1962px 1553px #FFF, 114px 1469px #FFF, 1091px 852px #FFF, 744px 1326px #FFF, 382px 1390px #FFF, 1822px 485px #FFF, 861px 925px #FFF, 1886px 14px #FFF, 1372px 13px #FFF, 1572px 713px #FFF, 922px 490px #FFF, 1942px 363px #FFF, 1134px 1943px #FFF, 817px 1769px #FFF, 1981px 1873px #FFF, 967px 1936px #FFF, 1181px 1503px #FFF, 613px 23px #FFF, 1617px 1250px #FFF, 1580px 1244px #FFF, 964px 1833px #FFF, 1856px 803px #FFF, 1535px 1383px #FFF, 1723px 1545px #FFF, 856px 1821px #FFF, 1210px 1038px #FFF, 1395px 1992px #FFF, 607px 1572px #FFF, 947px 1372px #FFF, 1690px 1855px #FFF, 668px 152px #FFF, 1188px 892px #FFF, 1573px 660px #FFF, 760px 29px #FFF, 1882px 653px #FFF, 200px 842px #FFF, 52px 1987px #FFF, 163px 151px #FFF, 1535px 1661px #FFF, 226px 1782px #FFF, 1461px 1483px #FFF, 644px 1733px #FFF, 1065px 623px #FFF, 1764px 895px #FFF, 1958px 1410px #FFF, 1414px 390px #FFF, 1202px 1590px #FFF, 972px 1773px #FFF, 522px 1242px #FFF, 1385px 1474px #FFF, 1024px 131px #FFF, 548px 1142px #FFF, 557px 950px #FFF, 1298px 623px #FFF, 474px 1548px #FFF, 277px 456px #FFF, 1352px 968px #FFF, 1698px 835px #FFF, 1641px 907px #FFF, 1604px 1458px #FFF, 634px 1188px #FFF, 1168px 864px #FFF, 793px 1350px #FFF, 338px 108px #FFF, 1775px 1066px #FFF, 1987px 1607px #FFF, 844px 598px #FFF, 547px 706px #FFF, 1451px 1779px #FFF, 213px 308px #FFF, 1858px 655px #FFF, 363px 1444px #FFF, 220px 1423px #FFF, 1405px 1493px #FFF, 1970px 1281px #FFF, 369px 1268px #FFF, 283px 1647px #FFF, 171px 850px #FFF, 962px 992px #FFF, 1328px 739px #FFF, 1548px 1541px #FFF, 113px 328px #FFF, 781px 634px #FFF, 1111px 1284px #FFF, 1484px 676px #FFF, 1144px 1952px #FFF, 1057px 1089px #FFF, 1855px 1832px #FFF, 548px 1870px #FFF, 40px 996px #FFF, 633px 914px #FFF, 1747px 1977px #FFF, 1206px 702px #FFF, 1801px 1803px #FFF, 706px 1626px #FFF, 1897px 1370px #FFF, 1842px 1944px #FFF, 458px 1103px #FFF, 441px 409px #FFF, 688px 1981px #FFF, 1805px 988px #FFF;
}

#stars2 {
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 311px 1203px #FFF, 1323px 999px #FFF, 210px 858px #FFF, 1884px 1719px #FFF, 1489px 350px #FFF, 1818px 384px #FFF, 1411px 1384px #FFF, 866px 118px #FFF, 793px 406px #FFF, 1613px 67px #FFF, 1210px 334px #FFF, 46px 707px #FFF, 929px 76px #FFF, 1485px 75px #FFF, 1919px 422px #FFF, 1084px 1959px #FFF, 1120px 518px #FFF, 992px 1685px #FFF, 945px 1031px #FFF, 631px 1746px #FFF, 770px 1670px #FFF, 1520px 1999px #FFF, 1323px 820px #FFF, 1268px 1301px #FFF, 1432px 364px #FFF, 1373px 530px #FFF, 246px 178px #FFF, 1936px 951px #FFF, 1029px 986px #FFF, 832px 1581px #FFF, 908px 637px #FFF, 1184px 617px #FFF, 855px 22px #FFF, 1357px 874px #FFF, 223px 581px #FFF, 452px 874px #FFF, 957px 937px #FFF, 1350px 1872px #FFF, 557px 161px #FFF, 677px 476px #FFF, 133px 972px #FFF, 1009px 74px #FFF, 906px 875px #FFF, 755px 1537px #FFF, 491px 880px #FFF, 845px 9px #FFF, 350px 1571px #FFF, 28px 1133px #FFF, 774px 1736px #FFF, 595px 308px #FFF;
    animation: animStar 100s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -2;
}

#stars2::after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 2px;
    height: 2px;
    background: transparent;
    box-shadow: 311px 1203px #FFF, 1323px 999px #FFF, 210px 858px #FFF, 1884px 1719px #FFF, 1489px 350px #FFF, 1818px 384px #FFF, 1411px 1384px #FFF, 866px 118px #FFF, 793px 406px #FFF, 1613px 67px #FFF, 1210px 334px #FFF, 46px 707px #FFF, 929px 76px #FFF, 1485px 75px #FFF, 1919px 422px #FFF, 1084px 1959px #FFF, 1120px 518px #FFF, 992px 1685px #FFF, 945px 1031px #FFF, 631px 1746px #FFF, 770px 1670px #FFF, 1520px 1999px #FFF, 1323px 820px #FFF, 1268px 1301px #FFF, 1432px 364px #FFF, 1373px 530px #FFF, 246px 178px #FFF, 1936px 951px #FFF, 1029px 986px #FFF, 832px 1581px #FFF, 908px 637px #FFF, 1184px 617px #FFF, 855px 22px #FFF, 1357px 874px #FFF, 223px 581px #FFF, 452px 874px #FFF, 957px 937px #FFF, 1350px 1872px #FFF, 557px 161px #FFF, 677px 476px #FFF, 133px 972px #FFF, 1009px 74px #FFF, 906px 875px #FFF, 755px 1537px #FFF, 491px 880px #FFF, 845px 9px #FFF, 350px 1571px #FFF, 28px 1133px #FFF, 774px 1736px #FFF, 595px 308px #FFF;
}

#stars3 {
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1164px 774px #FFF, 127px 820px #FFF, 1710px 1844px #FFF, 653px 1605px #FFF, 599px 1336px #FFF, 971px 931px #FFF, 1975px 454px #FFF, 1453px 567px #FFF, 275px 1606px #FFF, 1944px 547px #FFF, 532px 1793px #FFF, 1975px 1550px #FFF, 1726px 309px #FFF, 960px 524px #FFF, 1129px 229px #FFF, 284px 867px #FFF, 258px 556px #FFF, 208px 1189px #FFF, 144px 1981px #FFF, 23px 77px #FFF;
    animation: animStar 150s linear infinite;
    position: fixed;
    top: 0;
    left: 0;
    z-index: -1;
}

#stars3::after {
    content: " ";
    position: absolute;
    top: 2000px;
    width: 3px;
    height: 3px;
    background: transparent;
    box-shadow: 1164px 774px #FFF, 127px 820px #FFF, 1710px 1844px #FFF, 653px 1605px #FFF, 599px 1336px #FFF, 971px 931px #FFF, 1975px 454px #FFF, 1453px 567px #FFF, 275px 1606px #FFF, 1944px 547px #FFF, 532px 1793px #FFF, 1975px 1550px #FFF, 1726px 309px #FFF, 960px 524px #FFF, 1129px 229px #FFF, 284px 867px #FFF, 258px 556px #FFF, 208px 1189px #FFF, 144px 1981px #FFF, 23px 77px #FFF;
}

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

    to {
        transform: translateY(-2000px);
    }
}

.form-container {
    background: var(--white);
    width: 100%;
    max-width: 40%;
    padding: 40px;
    border-radius: 20px;
    box-shadow: 0 15px-35px rgba(88, 10, 22, 0.1);
    position: relative;
    overflow: hidden;
    animation: fadeInUp 0.8s ease-out;
}

.form-container::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: var(--primary-red);
}

.back-btn {
    position: absolute;
    top: 20px;
    left: 20px;
    color: var(--text-light);
    text-decoration: none;
    font-size: 16px;
    font-weight: 500;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: var(--transition);
    z-index: 10;
}

.back-btn:hover {
    color: var(--primary-red);
    transform: translateX(-3px);
}

.form-header {
    text-align: center;
    margin-bottom: 30px;
}

.form-header img {
    height: 60px;
    margin-bottom: 10px;
}

.form-header h2 {
    color: var(--primary-red);
    margin: 0;
    font-size: 24px;
}

.form-header p {
    color: var(--text-light);
    font-size: 14px;
}

.form-group {
    margin-bottom: 20px;
}

.form-group label {
    display: block;
    margin-bottom: 8px;
    font-weight: 500;
    font-size: 14px;
}

.form-control {
    width: 100%;
    padding: 12px 15px;
    border: 1.5px solid #eee;
    border-radius: 10px;
    outline: none;
    transition: var(--transition);
    font-size: 15px;
}

.form-control:focus {
    border-color: var(--primary-red);
    box-shadow: 0 0 0 4px rgba(88, 10, 22, 0.05);
}

.submit-btn {
    width: 100%;
    padding: 14px;
    background: var(--primary-red);
    color: var(--white);
    border: none;
    border-radius: 10px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    transition: var(--transition);
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

.submit-btn:hover {
    background: var(--primary-red-hover);
    transform: translateY(-2px);
    box-shadow: 0 5px 15px rgba(88, 10, 22, 0.3);
}

.submit-btn:disabled {
    background: #ccc;
    cursor: not-allowed;
    transform: none;
    box-shadow: none;
}

.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.6);
    backdrop-filter: blur(4px);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.modal-content {
    background: #fff;
    padding: 40px;
    border-radius: 20px;
    text-align: center;
    max-width: 400px;
    width: 90%;
    animation: scaleIn 0.3s ease-out;
}

@keyframes scaleIn {
    from {
        transform: scale(0.9);
        opacity: 0;
    }

    to {
        transform: scale(1);
        opacity: 1;
    }
}

.modal-icon {
    width: 70px;
    height: 70px;
    background: #f0fff4;
    color: #22c55e;
    border-radius: 50%;
    line-height: 70px;
    font-size: 35px;
    margin: 0 auto 20px;
}

.modal-content h3 {
    margin: 0 0 10px;
    color: #333;
}

.modal-content p {
    color: #666;
    margin-bottom: 25px;
}

.modal-btn {
    background: var(--primary-red);
    color: #fff;
    border: none;
    padding: 12px 30px;
    border-radius: 10px;
    font-weight: 600;
    cursor: pointer;
    transition: 0.3s;
}

.modal-btn:hover {
    background: var(--primary-red-hover);
}

@media (max-width: 768px) {
    .form-container {
        padding: 35px 30px;
        max-width: 65%;
    }

    .form-header h2 {
        font-size: 22px;
    }

    .back-btn {
        top: 15px;
        left: 15px;
        font-size: 15px;
    }
}

@media (max-width: 480px) {
    .form-container {
        padding: 40px 20px 20px;
        border-radius: 15px;
        max-width: 95%;
    }

    .form-header img {
        height: 50px;
    }

    .form-header h2 {
        font-size: 20px;
    }

    .form-header p {
        font-size: 13px;
    }

    .form-control {
        padding: 10px 12px;
        font-size: 14px;
    }

    .back-btn {
        top: 12px;
        left: 12px;
        font-size: 14px;
    }

    .submit-btn {
        padding: 12px;
        font-size: 15px;
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        transform: translateY(30px);
    }

    to {
        opacity: 1;
        transform: translateY(0);
    }
}