@charset "UTF-8";
/*
 * Bing Rewards Automation - Consolidated Styles
 * ============================================
 * Enhanced with responsive design, modern UI elements, and comprehensive dark/light mode support
 * 
 * Table of Contents:
 * 1. Variables & Mixins
 * 2. Base Styles & Reset
 * 3. Layout & Container
 * 4. Typography
 * 5. Form Elements
 * 6. Buttons
 * 7. Components (Stats, Feedback, etc.)
 * 8. Animations & Effects
 * 9. Responsive Design
 * 10. Theme Utilities
 */
* {
  box-sizing: border-box;
  -webkit-tap-highlight-color: transparent;
}

html {
  height: 100%;
  background-attachment: fixed;
  overflow-x: hidden;
  font-family: "Inter", "SF Pro Display", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  scroll-behavior: smooth;
  background: linear-gradient(135deg, #f8fafc 0%, #f1f5f9 40%, #ffffff 100%);
}
@media (prefers-color-scheme: dark) {
  html {
    background: linear-gradient(135deg, #1e293b 0%, #0f172a 40%, #0f172a 100%);
  }
}

body {
  margin: 0;
  padding: 25px;
  min-height: 100vh;
  position: relative;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  body {
    color: #f8fafc;
  }
}
@media (max-width: 768px) {
  body {
    padding: 10px;
    padding-top: calc(10px + env(safe-area-inset-top));
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }
}

#stars {
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 485px 217px #FFF , 707px 1794px #FFF , 1568px 332px #FFF , 1887px 145px #FFF , 119px 552px #FFF , 1687px 1937px #FFF , 1277px 1763px #FFF , 59px 1818px #FFF , 279px 827px #FFF , 797px 1027px #FFF , 1275px 1096px #FFF , 477px 398px #FFF , 1021px 934px #FFF , 600px 1621px #FFF , 1229px 1980px #FFF , 1978px 1556px #FFF , 596px 1203px #FFF , 1982px 1599px #FFF , 760px 1297px #FFF , 102px 413px #FFF , 178px 806px #FFF , 496px 706px #FFF , 869px 1848px #FFF , 415px 1114px #FFF , 1754px 307px #FFF , 64px 753px #FFF , 1032px 1208px #FFF , 676px 1876px #FFF , 1555px 1099px #FFF , 143px 1599px #FFF , 434px 1916px #FFF , 844px 1597px #FFF , 1388px 477px #FFF , 1142px 855px #FFF , 213px 1468px #FFF , 1655px 575px #FFF , 681px 1138px #FFF , 512px 457px #FFF , 351px 644px #FFF , 1648px 568px #FFF , 276px 1007px #FFF , 1735px 1472px #FFF , 269px 476px #FFF , 1575px 197px #FFF , 812px 1729px #FFF , 808px 208px #FFF , 1295px 1273px #FFF , 300px 931px #FFF , 626px 764px #FFF , 1392px 722px #FFF , 830px 1974px #FFF , 1576px 1554px #FFF , 567px 1236px #FFF , 903px 1681px #FFF , 500px 1850px #FFF , 1375px 1414px #FFF , 529px 1487px #FFF , 1895px 1841px #FFF , 275px 1300px #FFF , 983px 986px #FFF , 1375px 217px #FFF , 1620px 19px #FFF , 1094px 1816px #FFF , 1010px 781px #FFF , 776px 557px #FFF , 1525px 133px #FFF , 1701px 196px #FFF , 707px 1957px #FFF , 64px 743px #FFF , 601px 1954px #FFF , 1775px 1386px #FFF , 198px 1022px #FFF , 118px 8px #FFF , 17px 1540px #FFF , 9px 1232px #FFF , 429px 1316px #FFF , 1788px 766px #FFF , 817px 1026px #FFF , 94px 1611px #FFF , 1424px 1189px #FFF , 512px 1575px #FFF , 1712px 1632px #FFF , 221px 1036px #FFF , 865px 110px #FFF , 206px 60px #FFF , 1318px 259px #FFF , 986px 1530px #FFF , 278px 1845px #FFF , 1124px 1302px #FFF , 1410px 1800px #FFF , 1587px 1345px #FFF , 1921px 1946px #FFF , 600px 1364px #FFF , 22px 180px #FFF , 657px 16px #FFF , 1629px 538px #FFF , 1850px 326px #FFF , 433px 268px #FFF , 992px 572px #FFF , 977px 1212px #FFF , 1248px 1295px #FFF , 302px 137px #FFF , 1254px 1320px #FFF , 1597px 1469px #FFF , 739px 869px #FFF , 48px 1831px #FFF , 399px 733px #FFF , 1272px 664px #FFF , 440px 1229px #FFF , 1550px 1488px #FFF , 538px 1140px #FFF , 576px 1800px #FFF , 1741px 1975px #FFF , 166px 1707px #FFF , 119px 1123px #FFF , 690px 1207px #FFF , 439px 585px #FFF , 64px 358px #FFF , 1595px 1638px #FFF , 1613px 1539px #FFF , 930px 85px #FFF , 276px 312px #FFF , 188px 1640px #FFF , 1215px 409px #FFF , 541px 858px #FFF , 979px 1668px #FFF , 665px 1550px #FFF , 1607px 134px #FFF , 709px 1877px #FFF , 1793px 185px #FFF , 616px 895px #FFF , 1029px 1289px #FFF , 1692px 275px #FFF , 1302px 660px #FFF , 8px 1392px #FFF , 1119px 751px #FFF , 1109px 760px #FFF , 1808px 818px #FFF , 557px 139px #FFF , 165px 461px #FFF , 1412px 1807px #FFF , 1963px 1548px #FFF , 1216px 1614px #FFF , 846px 1726px #FFF , 265px 78px #FFF , 1645px 1209px #FFF , 1101px 20px #FFF , 892px 341px #FFF , 1163px 1285px #FFF , 758px 878px #FFF , 86px 1229px #FFF , 1135px 1349px #FFF , 1697px 1958px #FFF , 1794px 1373px #FFF , 1141px 1137px #FFF , 1300px 1719px #FFF , 823px 1320px #FFF , 475px 1860px #FFF , 504px 443px #FFF , 1037px 629px #FFF , 317px 649px #FFF , 880px 1759px #FFF , 505px 536px #FFF , 1702px 1556px #FFF , 1562px 159px #FFF , 538px 689px #FFF , 1847px 530px #FFF , 1654px 144px #FFF , 335px 1299px #FFF , 1250px 877px #FFF , 1748px 361px #FFF , 157px 626px #FFF , 1379px 1897px #FFF , 1668px 1317px #FFF , 114px 994px #FFF , 1882px 223px #FFF , 426px 1128px #FFF , 825px 58px #FFF , 1160px 386px #FFF , 1908px 92px #FFF , 551px 1767px #FFF , 457px 1360px #FFF , 330px 773px #FFF , 1825px 1443px #FFF , 1488px 507px #FFF , 291px 195px #FFF , 1554px 1087px #FFF , 676px 1832px #FFF , 1300px 1783px #FFF , 1212px 35px #FFF , 1827px 754px #FFF , 810px 1453px #FFF , 1320px 1441px #FFF , 1340px 32px #FFF , 597px 567px #FFF , 1301px 1298px #FFF , 922px 735px #FFF , 1605px 1280px #FFF , 1486px 329px #FFF , 1136px 1px #FFF , 1356px 1800px #FFF , 1283px 150px #FFF , 440px 193px #FFF , 1997px 1484px #FFF , 524px 875px #FFF , 113px 366px #FFF , 592px 1186px #FFF , 856px 1121px #FFF , 1863px 1669px #FFF , 559px 701px #FFF , 945px 1026px #FFF , 1678px 1754px #FFF , 140px 1864px #FFF , 585px 1601px #FFF , 1893px 293px #FFF , 637px 1487px #FFF , 958px 12px #FFF , 1559px 1834px #FFF , 314px 392px #FFF , 1601px 779px #FFF , 424px 1172px #FFF , 1793px 1745px #FFF , 237px 996px #FFF , 1674px 989px #FFF , 1479px 192px #FFF , 82px 543px #FFF , 1937px 1064px #FFF , 1535px 426px #FFF , 1575px 707px #FFF , 877px 1874px #FFF , 917px 1017px #FFF , 695px 1372px #FFF , 1060px 295px #FFF , 833px 1490px #FFF , 275px 1277px #FFF , 716px 669px #FFF , 1462px 892px #FFF , 1040px 1288px #FFF , 1453px 1203px #FFF , 1469px 1189px #FFF , 680px 185px #FFF , 959px 374px #FFF , 1193px 1144px #FFF , 243px 871px #FFF , 1182px 1409px #FFF , 1659px 1304px #FFF , 1001px 160px #FFF , 1318px 913px #FFF , 1043px 1040px #FFF , 365px 458px #FFF , 246px 1625px #FFF , 178px 286px #FFF , 1701px 428px #FFF , 1328px 1204px #FFF , 144px 1380px #FFF , 1089px 1734px #FFF , 181px 327px #FFF , 1211px 361px #FFF , 1852px 1937px #FFF , 1863px 932px #FFF , 257px 1186px #FFF , 1411px 610px #FFF , 585px 421px #FFF , 1929px 926px #FFF , 718px 1243px #FFF , 229px 817px #FFF , 553px 239px #FFF , 1212px 308px #FFF , 1951px 576px #FFF , 1366px 765px #FFF , 1109px 1723px #FFF , 1004px 878px #FFF , 1876px 1979px #FFF , 1808px 1774px #FFF , 735px 1079px #FFF , 516px 1882px #FFF , 122px 579px #FFF , 426px 1630px #FFF , 5px 1460px #FFF , 44px 1754px #FFF , 102px 947px #FFF , 1630px 1098px #FFF , 552px 157px #FFF , 367px 1640px #FFF , 1114px 1504px #FFF , 26px 1486px #FFF , 1748px 1323px #FFF , 33px 681px #FFF , 511px 966px #FFF , 1610px 1753px #FFF , 1687px 1864px #FFF , 228px 281px #FFF , 30px 1334px #FFF , 295px 633px #FFF , 766px 607px #FFF , 1187px 1110px #FFF , 1993px 1493px #FFF , 449px 804px #FFF , 1806px 1194px #FFF , 1546px 1607px #FFF , 238px 233px #FFF , 464px 988px #FFF , 68px 1162px #FFF , 1720px 1602px #FFF , 1559px 62px #FFF , 1093px 1890px #FFF , 1153px 1134px #FFF , 1363px 1612px #FFF , 1275px 386px #FFF , 1073px 1291px #FFF , 366px 420px #FFF , 892px 1078px #FFF , 920px 1203px #FFF , 809px 1648px #FFF , 754px 1878px #FFF , 1848px 835px #FFF , 824px 335px #FFF , 597px 1156px #FFF , 442px 1825px #FFF , 343px 1290px #FFF , 431px 1455px #FFF , 285px 1625px #FFF , 1140px 1930px #FFF , 513px 1569px #FFF , 635px 473px #FFF , 428px 782px #FFF , 1871px 830px #FFF , 770px 479px #FFF , 718px 1321px #FFF , 347px 320px #FFF , 23px 1086px #FFF , 1461px 1384px #FFF , 1332px 1405px #FFF , 1522px 1243px #FFF , 319px 168px #FFF , 1393px 1819px #FFF , 210px 1327px #FFF , 663px 1727px #FFF , 51px 1017px #FFF , 110px 734px #FFF , 1351px 365px #FFF , 1914px 1783px #FFF , 1047px 229px #FFF , 1701px 68px #FFF , 912px 329px #FFF , 639px 1416px #FFF , 307px 1119px #FFF , 470px 610px #FFF , 555px 415px #FFF , 345px 1005px #FFF , 910px 431px #FFF , 284px 1564px #FFF , 1859px 717px #FFF , 282px 1641px #FFF , 909px 1536px #FFF , 1740px 1344px #FFF , 1727px 247px #FFF , 998px 600px #FFF , 1267px 1730px #FFF , 1063px 687px #FFF , 633px 1818px #FFF , 161px 1038px #FFF , 775px 1835px #FFF , 1941px 695px #FFF , 173px 1564px #FFF , 1583px 1019px #FFF , 1375px 1101px #FFF , 770px 1335px #FFF , 1741px 680px #FFF , 1727px 1143px #FFF , 281px 891px #FFF , 1110px 304px #FFF , 581px 1386px #FFF , 1337px 133px #FFF , 1658px 1912px #FFF , 3px 1790px #FFF , 1624px 1782px #FFF , 1787px 994px #FFF , 931px 1135px #FFF , 614px 281px #FFF , 1058px 783px #FFF , 44px 893px #FFF , 292px 1052px #FFF , 1355px 1009px #FFF , 498px 79px #FFF , 334px 1030px #FFF , 1914px 1699px #FFF , 994px 574px #FFF , 1937px 960px #FFF , 1008px 1152px #FFF , 1121px 1601px #FFF , 1963px 1385px #FFF , 1078px 492px #FFF , 310px 795px #FFF , 419px 1602px #FFF , 289px 756px #FFF , 526px 577px #FFF , 729px 1187px #FFF , 2000px 352px #FFF , 1595px 1018px #FFF , 431px 40px #FFF , 217px 1610px #FFF , 1218px 1237px #FFF , 3px 898px #FFF , 726px 463px #FFF , 1578px 491px #FFF , 54px 737px #FFF , 1127px 452px #FFF , 52px 1795px #FFF , 334px 357px #FFF , 615px 217px #FFF , 1301px 613px #FFF , 1366px 801px #FFF , 798px 1506px #FFF , 885px 1621px #FFF , 1726px 1358px #FFF , 317px 924px #FFF , 1093px 815px #FFF , 1378px 802px #FFF , 1164px 429px #FFF , 270px 751px #FFF , 195px 935px #FFF , 291px 1260px #FFF , 370px 561px #FFF , 810px 884px #FFF , 1936px 70px #FFF , 484px 1168px #FFF , 1425px 1079px #FFF , 1089px 1985px #FFF , 1607px 1669px #FFF , 1606px 1816px #FFF , 803px 175px #FFF , 1570px 713px #FFF , 1907px 1468px #FFF , 1229px 573px #FFF , 1154px 1968px #FFF , 1286px 1892px #FFF , 1578px 682px #FFF , 1160px 1053px #FFF , 682px 299px #FFF , 1536px 528px #FFF , 1399px 1632px #FFF , 78px 84px #FFF , 783px 451px #FFF , 562px 1240px #FFF , 1612px 761px #FFF , 1256px 1959px #FFF , 857px 337px #FFF , 1760px 1721px #FFF , 691px 1995px #FFF , 289px 541px #FFF , 1271px 73px #FFF , 644px 1896px #FFF , 19px 1640px #FFF , 596px 1601px #FFF , 1785px 171px #FFF , 939px 1953px #FFF , 1347px 316px #FFF , 1691px 272px #FFF , 911px 1885px #FFF , 550px 1137px #FFF , 29px 118px #FFF , 184px 554px #FFF , 1087px 413px #FFF , 1785px 150px #FFF , 1644px 1500px #FFF , 461px 596px #FFF , 788px 1545px #FFF , 1948px 1173px #FFF , 1614px 210px #FFF , 869px 1605px #FFF , 1068px 1249px #FFF , 743px 992px #FFF , 1323px 1259px #FFF , 1426px 1775px #FFF , 189px 1205px #FFF , 280px 1646px #FFF , 1780px 39px #FFF , 987px 680px #FFF , 1946px 554px #FFF , 215px 496px #FFF , 1465px 1861px #FFF , 43px 866px #FFF , 1670px 1923px #FFF , 1659px 1822px #FFF , 551px 1031px #FFF , 1129px 1634px #FFF , 1148px 1628px #FFF , 592px 406px #FFF , 42px 1407px #FFF , 1990px 1647px #FFF , 1675px 1176px #FFF , 56px 1672px #FFF , 1461px 231px #FFF , 1347px 336px #FFF , 1689px 943px #FFF , 72px 1121px #FFF , 51px 419px #FFF , 1394px 541px #FFF , 164px 1876px #FFF , 1298px 296px #FFF , 452px 632px #FFF , 1607px 425px #FFF , 1248px 1071px #FFF , 373px 805px #FFF , 1285px 445px #FFF , 620px 465px #FFF , 1476px 875px #FFF , 88px 961px #FFF , 207px 1462px #FFF , 1810px 927px #FFF , 585px 130px #FFF , 1755px 1154px #FFF , 1770px 1323px #FFF , 1875px 845px #FFF , 192px 1952px #FFF , 719px 1573px #FFF , 713px 710px #FFF , 846px 1417px #FFF , 413px 494px #FFF , 1917px 1311px #FFF , 311px 717px #FFF , 1180px 1893px #FFF , 1398px 839px #FFF , 382px 1317px #FFF , 1962px 636px #FFF , 151px 472px #FFF , 1308px 405px #FFF , 1648px 1110px #FFF , 1874px 1534px #FFF , 888px 1759px #FFF , 835px 1939px #FFF , 778px 814px #FFF , 1684px 940px #FFF , 502px 1918px #FFF , 1392px 1136px #FFF , 1672px 1904px #FFF , 718px 1798px #FFF , 664px 1042px #FFF , 1763px 630px #FFF , 1226px 411px #FFF , 631px 1033px #FFF , 343px 1404px #FFF , 652px 592px #FFF , 504px 260px #FFF , 1574px 1525px #FFF , 220px 1092px #FFF , 278px 525px #FFF , 335px 727px #FFF , 341px 343px #FFF , 299px 1549px #FFF , 1299px 1445px #FFF , 1429px 913px #FFF , 1286px 491px #FFF , 654px 752px #FFF , 289px 407px #FFF , 933px 977px #FFF , 668px 972px #FFF , 766px 131px #FFF , 486px 1821px #FFF , 281px 668px #FFF , 367px 1685px #FFF , 766px 428px #FFF , 1397px 1705px #FFF , 1663px 1007px #FFF , 1996px 563px #FFF , 1006px 1517px #FFF , 1534px 424px #FFF , 1730px 1553px #FFF , 1754px 78px #FFF , 1451px 806px #FFF , 903px 465px #FFF , 763px 830px #FFF , 716px 815px #FFF , 1705px 98px #FFF , 1432px 83px #FFF , 1262px 1736px #FFF , 779px 1039px #FFF , 359px 1772px #FFF , 1px 1675px #FFF , 1087px 1972px #FFF , 1371px 561px #FFF , 506px 1335px #FFF , 1943px 1538px #FFF , 1025px 25px #FFF , 405px 1505px #FFF , 931px 1062px #FFF , 1732px 1951px #FFF , 1733px 1309px #FFF , 1476px 1592px #FFF , 1184px 683px #FFF , 1946px 784px #FFF , 981px 944px #FFF , 1337px 1788px #FFF , 1889px 1180px #FFF , 787px 565px #FFF , 532px 530px #FFF , 790px 1295px #FFF , 1386px 1184px #FFF , 522px 741px #FFF , 1268px 1467px #FFF , 102px 318px #FFF , 998px 1603px #FFF , 1805px 726px #FFF , 468px 637px #FFF , 493px 1507px #FFF , 690px 958px #FFF , 1271px 255px #FFF , 1449px 750px #FFF , 62px 357px #FFF , 1391px 1881px #FFF , 1355px 932px #FFF , 1462px 1283px #FFF , 1458px 951px #FFF , 875px 601px #FFF , 1886px 1417px #FFF , 1489px 1619px #FFF , 1284px 831px #FFF , 267px 501px #FFF , 1807px 496px #FFF , 622px 1645px #FFF , 1600px 1235px #FFF , 1251px 3px #FFF , 1525px 1472px #FFF , 960px 540px #FFF , 1584px 695px #FFF , 248px 963px #FFF , 952px 1360px #FFF , 205px 6px #FFF , 1515px 1277px #FFF , 606px 525px #FFF , 148px 504px #FFF , 105px 672px #FFF , 480px 1202px #FFF , 1071px 143px #FFF , 729px 854px #FFF , 1657px 806px #FFF , 1806px 1890px #FFF , 210px 1105px #FFF , 1413px 1147px #FFF , 1153px 198px #FFF , 1505px 493px #FFF , 1160px 1295px #FFF , 517px 991px #FFF , 1429px 94px #FFF , 1813px 1246px #FFF , 1476px 1556px #FFF , 121px 724px #FFF , 243px 1837px #FFF , 226px 1355px #FFF , 335px 76px #FFF , 1029px 1133px #FFF , 718px 569px #FFF , 212px 310px #FFF , 1255px 1270px #FFF , 1930px 633px #FFF , 1481px 586px #FFF , 241px 974px #FFF , 202px 507px #FFF , 1110px 1948px #FFF , 860px 473px #FFF , 93px 1651px #FFF , 1825px 1768px #FFF , 1293px 41px #FFF , 1357px 1679px #FFF , 1392px 421px #FFF , 1856px 276px #FFF , 1364px 71px #FFF , 192px 1898px #FFF , 933px 1625px #FFF , 887px 929px #FFF , 280px 830px #FFF , 255px 68px #FFF , 1572px 1054px #FFF , 1440px 1659px #FFF , 204px 333px #FFF , 981px 234px #FFF , 1480px 926px #FFF , 1270px 342px #FFF , 581px 1094px #FFF , 1896px 1957px #FFF , 1382px 1603px #FFF , 1617px 1863px #FFF , 1810px 27px #FFF , 820px 914px #FFF , 961px 1302px #FFF , 1831px 793px #FFF , 225px 748px #FFF , 1957px 1951px #FFF , 48px 885px #FFF , 442px 74px #FFF , 1389px 912px #FFF , 449px 801px #FFF , 1301px 1949px #FFF , 428px 442px #FFF , 859px 1677px #FFF , 107px 493px #FFF , 283px 477px #FFF , 1415px 605px #FFF , 1026px 1911px #FFF;
  animation: animStar 50s linear infinite;
}
#stars:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 1px;
  height: 1px;
  background: transparent;
  box-shadow: 485px 217px #FFF , 707px 1794px #FFF , 1568px 332px #FFF , 1887px 145px #FFF , 119px 552px #FFF , 1687px 1937px #FFF , 1277px 1763px #FFF , 59px 1818px #FFF , 279px 827px #FFF , 797px 1027px #FFF , 1275px 1096px #FFF , 477px 398px #FFF , 1021px 934px #FFF , 600px 1621px #FFF , 1229px 1980px #FFF , 1978px 1556px #FFF , 596px 1203px #FFF , 1982px 1599px #FFF , 760px 1297px #FFF , 102px 413px #FFF , 178px 806px #FFF , 496px 706px #FFF , 869px 1848px #FFF , 415px 1114px #FFF , 1754px 307px #FFF , 64px 753px #FFF , 1032px 1208px #FFF , 676px 1876px #FFF , 1555px 1099px #FFF , 143px 1599px #FFF , 434px 1916px #FFF , 844px 1597px #FFF , 1388px 477px #FFF , 1142px 855px #FFF , 213px 1468px #FFF , 1655px 575px #FFF , 681px 1138px #FFF , 512px 457px #FFF , 351px 644px #FFF , 1648px 568px #FFF , 276px 1007px #FFF , 1735px 1472px #FFF , 269px 476px #FFF , 1575px 197px #FFF , 812px 1729px #FFF , 808px 208px #FFF , 1295px 1273px #FFF , 300px 931px #FFF , 626px 764px #FFF , 1392px 722px #FFF , 830px 1974px #FFF , 1576px 1554px #FFF , 567px 1236px #FFF , 903px 1681px #FFF , 500px 1850px #FFF , 1375px 1414px #FFF , 529px 1487px #FFF , 1895px 1841px #FFF , 275px 1300px #FFF , 983px 986px #FFF , 1375px 217px #FFF , 1620px 19px #FFF , 1094px 1816px #FFF , 1010px 781px #FFF , 776px 557px #FFF , 1525px 133px #FFF , 1701px 196px #FFF , 707px 1957px #FFF , 64px 743px #FFF , 601px 1954px #FFF , 1775px 1386px #FFF , 198px 1022px #FFF , 118px 8px #FFF , 17px 1540px #FFF , 9px 1232px #FFF , 429px 1316px #FFF , 1788px 766px #FFF , 817px 1026px #FFF , 94px 1611px #FFF , 1424px 1189px #FFF , 512px 1575px #FFF , 1712px 1632px #FFF , 221px 1036px #FFF , 865px 110px #FFF , 206px 60px #FFF , 1318px 259px #FFF , 986px 1530px #FFF , 278px 1845px #FFF , 1124px 1302px #FFF , 1410px 1800px #FFF , 1587px 1345px #FFF , 1921px 1946px #FFF , 600px 1364px #FFF , 22px 180px #FFF , 657px 16px #FFF , 1629px 538px #FFF , 1850px 326px #FFF , 433px 268px #FFF , 992px 572px #FFF , 977px 1212px #FFF , 1248px 1295px #FFF , 302px 137px #FFF , 1254px 1320px #FFF , 1597px 1469px #FFF , 739px 869px #FFF , 48px 1831px #FFF , 399px 733px #FFF , 1272px 664px #FFF , 440px 1229px #FFF , 1550px 1488px #FFF , 538px 1140px #FFF , 576px 1800px #FFF , 1741px 1975px #FFF , 166px 1707px #FFF , 119px 1123px #FFF , 690px 1207px #FFF , 439px 585px #FFF , 64px 358px #FFF , 1595px 1638px #FFF , 1613px 1539px #FFF , 930px 85px #FFF , 276px 312px #FFF , 188px 1640px #FFF , 1215px 409px #FFF , 541px 858px #FFF , 979px 1668px #FFF , 665px 1550px #FFF , 1607px 134px #FFF , 709px 1877px #FFF , 1793px 185px #FFF , 616px 895px #FFF , 1029px 1289px #FFF , 1692px 275px #FFF , 1302px 660px #FFF , 8px 1392px #FFF , 1119px 751px #FFF , 1109px 760px #FFF , 1808px 818px #FFF , 557px 139px #FFF , 165px 461px #FFF , 1412px 1807px #FFF , 1963px 1548px #FFF , 1216px 1614px #FFF , 846px 1726px #FFF , 265px 78px #FFF , 1645px 1209px #FFF , 1101px 20px #FFF , 892px 341px #FFF , 1163px 1285px #FFF , 758px 878px #FFF , 86px 1229px #FFF , 1135px 1349px #FFF , 1697px 1958px #FFF , 1794px 1373px #FFF , 1141px 1137px #FFF , 1300px 1719px #FFF , 823px 1320px #FFF , 475px 1860px #FFF , 504px 443px #FFF , 1037px 629px #FFF , 317px 649px #FFF , 880px 1759px #FFF , 505px 536px #FFF , 1702px 1556px #FFF , 1562px 159px #FFF , 538px 689px #FFF , 1847px 530px #FFF , 1654px 144px #FFF , 335px 1299px #FFF , 1250px 877px #FFF , 1748px 361px #FFF , 157px 626px #FFF , 1379px 1897px #FFF , 1668px 1317px #FFF , 114px 994px #FFF , 1882px 223px #FFF , 426px 1128px #FFF , 825px 58px #FFF , 1160px 386px #FFF , 1908px 92px #FFF , 551px 1767px #FFF , 457px 1360px #FFF , 330px 773px #FFF , 1825px 1443px #FFF , 1488px 507px #FFF , 291px 195px #FFF , 1554px 1087px #FFF , 676px 1832px #FFF , 1300px 1783px #FFF , 1212px 35px #FFF , 1827px 754px #FFF , 810px 1453px #FFF , 1320px 1441px #FFF , 1340px 32px #FFF , 597px 567px #FFF , 1301px 1298px #FFF , 922px 735px #FFF , 1605px 1280px #FFF , 1486px 329px #FFF , 1136px 1px #FFF , 1356px 1800px #FFF , 1283px 150px #FFF , 440px 193px #FFF , 1997px 1484px #FFF , 524px 875px #FFF , 113px 366px #FFF , 592px 1186px #FFF , 856px 1121px #FFF , 1863px 1669px #FFF , 559px 701px #FFF , 945px 1026px #FFF , 1678px 1754px #FFF , 140px 1864px #FFF , 585px 1601px #FFF , 1893px 293px #FFF , 637px 1487px #FFF , 958px 12px #FFF , 1559px 1834px #FFF , 314px 392px #FFF , 1601px 779px #FFF , 424px 1172px #FFF , 1793px 1745px #FFF , 237px 996px #FFF , 1674px 989px #FFF , 1479px 192px #FFF , 82px 543px #FFF , 1937px 1064px #FFF , 1535px 426px #FFF , 1575px 707px #FFF , 877px 1874px #FFF , 917px 1017px #FFF , 695px 1372px #FFF , 1060px 295px #FFF , 833px 1490px #FFF , 275px 1277px #FFF , 716px 669px #FFF , 1462px 892px #FFF , 1040px 1288px #FFF , 1453px 1203px #FFF , 1469px 1189px #FFF , 680px 185px #FFF , 959px 374px #FFF , 1193px 1144px #FFF , 243px 871px #FFF , 1182px 1409px #FFF , 1659px 1304px #FFF , 1001px 160px #FFF , 1318px 913px #FFF , 1043px 1040px #FFF , 365px 458px #FFF , 246px 1625px #FFF , 178px 286px #FFF , 1701px 428px #FFF , 1328px 1204px #FFF , 144px 1380px #FFF , 1089px 1734px #FFF , 181px 327px #FFF , 1211px 361px #FFF , 1852px 1937px #FFF , 1863px 932px #FFF , 257px 1186px #FFF , 1411px 610px #FFF , 585px 421px #FFF , 1929px 926px #FFF , 718px 1243px #FFF , 229px 817px #FFF , 553px 239px #FFF , 1212px 308px #FFF , 1951px 576px #FFF , 1366px 765px #FFF , 1109px 1723px #FFF , 1004px 878px #FFF , 1876px 1979px #FFF , 1808px 1774px #FFF , 735px 1079px #FFF , 516px 1882px #FFF , 122px 579px #FFF , 426px 1630px #FFF , 5px 1460px #FFF , 44px 1754px #FFF , 102px 947px #FFF , 1630px 1098px #FFF , 552px 157px #FFF , 367px 1640px #FFF , 1114px 1504px #FFF , 26px 1486px #FFF , 1748px 1323px #FFF , 33px 681px #FFF , 511px 966px #FFF , 1610px 1753px #FFF , 1687px 1864px #FFF , 228px 281px #FFF , 30px 1334px #FFF , 295px 633px #FFF , 766px 607px #FFF , 1187px 1110px #FFF , 1993px 1493px #FFF , 449px 804px #FFF , 1806px 1194px #FFF , 1546px 1607px #FFF , 238px 233px #FFF , 464px 988px #FFF , 68px 1162px #FFF , 1720px 1602px #FFF , 1559px 62px #FFF , 1093px 1890px #FFF , 1153px 1134px #FFF , 1363px 1612px #FFF , 1275px 386px #FFF , 1073px 1291px #FFF , 366px 420px #FFF , 892px 1078px #FFF , 920px 1203px #FFF , 809px 1648px #FFF , 754px 1878px #FFF , 1848px 835px #FFF , 824px 335px #FFF , 597px 1156px #FFF , 442px 1825px #FFF , 343px 1290px #FFF , 431px 1455px #FFF , 285px 1625px #FFF , 1140px 1930px #FFF , 513px 1569px #FFF , 635px 473px #FFF , 428px 782px #FFF , 1871px 830px #FFF , 770px 479px #FFF , 718px 1321px #FFF , 347px 320px #FFF , 23px 1086px #FFF , 1461px 1384px #FFF , 1332px 1405px #FFF , 1522px 1243px #FFF , 319px 168px #FFF , 1393px 1819px #FFF , 210px 1327px #FFF , 663px 1727px #FFF , 51px 1017px #FFF , 110px 734px #FFF , 1351px 365px #FFF , 1914px 1783px #FFF , 1047px 229px #FFF , 1701px 68px #FFF , 912px 329px #FFF , 639px 1416px #FFF , 307px 1119px #FFF , 470px 610px #FFF , 555px 415px #FFF , 345px 1005px #FFF , 910px 431px #FFF , 284px 1564px #FFF , 1859px 717px #FFF , 282px 1641px #FFF , 909px 1536px #FFF , 1740px 1344px #FFF , 1727px 247px #FFF , 998px 600px #FFF , 1267px 1730px #FFF , 1063px 687px #FFF , 633px 1818px #FFF , 161px 1038px #FFF , 775px 1835px #FFF , 1941px 695px #FFF , 173px 1564px #FFF , 1583px 1019px #FFF , 1375px 1101px #FFF , 770px 1335px #FFF , 1741px 680px #FFF , 1727px 1143px #FFF , 281px 891px #FFF , 1110px 304px #FFF , 581px 1386px #FFF , 1337px 133px #FFF , 1658px 1912px #FFF , 3px 1790px #FFF , 1624px 1782px #FFF , 1787px 994px #FFF , 931px 1135px #FFF , 614px 281px #FFF , 1058px 783px #FFF , 44px 893px #FFF , 292px 1052px #FFF , 1355px 1009px #FFF , 498px 79px #FFF , 334px 1030px #FFF , 1914px 1699px #FFF , 994px 574px #FFF , 1937px 960px #FFF , 1008px 1152px #FFF , 1121px 1601px #FFF , 1963px 1385px #FFF , 1078px 492px #FFF , 310px 795px #FFF , 419px 1602px #FFF , 289px 756px #FFF , 526px 577px #FFF , 729px 1187px #FFF , 2000px 352px #FFF , 1595px 1018px #FFF , 431px 40px #FFF , 217px 1610px #FFF , 1218px 1237px #FFF , 3px 898px #FFF , 726px 463px #FFF , 1578px 491px #FFF , 54px 737px #FFF , 1127px 452px #FFF , 52px 1795px #FFF , 334px 357px #FFF , 615px 217px #FFF , 1301px 613px #FFF , 1366px 801px #FFF , 798px 1506px #FFF , 885px 1621px #FFF , 1726px 1358px #FFF , 317px 924px #FFF , 1093px 815px #FFF , 1378px 802px #FFF , 1164px 429px #FFF , 270px 751px #FFF , 195px 935px #FFF , 291px 1260px #FFF , 370px 561px #FFF , 810px 884px #FFF , 1936px 70px #FFF , 484px 1168px #FFF , 1425px 1079px #FFF , 1089px 1985px #FFF , 1607px 1669px #FFF , 1606px 1816px #FFF , 803px 175px #FFF , 1570px 713px #FFF , 1907px 1468px #FFF , 1229px 573px #FFF , 1154px 1968px #FFF , 1286px 1892px #FFF , 1578px 682px #FFF , 1160px 1053px #FFF , 682px 299px #FFF , 1536px 528px #FFF , 1399px 1632px #FFF , 78px 84px #FFF , 783px 451px #FFF , 562px 1240px #FFF , 1612px 761px #FFF , 1256px 1959px #FFF , 857px 337px #FFF , 1760px 1721px #FFF , 691px 1995px #FFF , 289px 541px #FFF , 1271px 73px #FFF , 644px 1896px #FFF , 19px 1640px #FFF , 596px 1601px #FFF , 1785px 171px #FFF , 939px 1953px #FFF , 1347px 316px #FFF , 1691px 272px #FFF , 911px 1885px #FFF , 550px 1137px #FFF , 29px 118px #FFF , 184px 554px #FFF , 1087px 413px #FFF , 1785px 150px #FFF , 1644px 1500px #FFF , 461px 596px #FFF , 788px 1545px #FFF , 1948px 1173px #FFF , 1614px 210px #FFF , 869px 1605px #FFF , 1068px 1249px #FFF , 743px 992px #FFF , 1323px 1259px #FFF , 1426px 1775px #FFF , 189px 1205px #FFF , 280px 1646px #FFF , 1780px 39px #FFF , 987px 680px #FFF , 1946px 554px #FFF , 215px 496px #FFF , 1465px 1861px #FFF , 43px 866px #FFF , 1670px 1923px #FFF , 1659px 1822px #FFF , 551px 1031px #FFF , 1129px 1634px #FFF , 1148px 1628px #FFF , 592px 406px #FFF , 42px 1407px #FFF , 1990px 1647px #FFF , 1675px 1176px #FFF , 56px 1672px #FFF , 1461px 231px #FFF , 1347px 336px #FFF , 1689px 943px #FFF , 72px 1121px #FFF , 51px 419px #FFF , 1394px 541px #FFF , 164px 1876px #FFF , 1298px 296px #FFF , 452px 632px #FFF , 1607px 425px #FFF , 1248px 1071px #FFF , 373px 805px #FFF , 1285px 445px #FFF , 620px 465px #FFF , 1476px 875px #FFF , 88px 961px #FFF , 207px 1462px #FFF , 1810px 927px #FFF , 585px 130px #FFF , 1755px 1154px #FFF , 1770px 1323px #FFF , 1875px 845px #FFF , 192px 1952px #FFF , 719px 1573px #FFF , 713px 710px #FFF , 846px 1417px #FFF , 413px 494px #FFF , 1917px 1311px #FFF , 311px 717px #FFF , 1180px 1893px #FFF , 1398px 839px #FFF , 382px 1317px #FFF , 1962px 636px #FFF , 151px 472px #FFF , 1308px 405px #FFF , 1648px 1110px #FFF , 1874px 1534px #FFF , 888px 1759px #FFF , 835px 1939px #FFF , 778px 814px #FFF , 1684px 940px #FFF , 502px 1918px #FFF , 1392px 1136px #FFF , 1672px 1904px #FFF , 718px 1798px #FFF , 664px 1042px #FFF , 1763px 630px #FFF , 1226px 411px #FFF , 631px 1033px #FFF , 343px 1404px #FFF , 652px 592px #FFF , 504px 260px #FFF , 1574px 1525px #FFF , 220px 1092px #FFF , 278px 525px #FFF , 335px 727px #FFF , 341px 343px #FFF , 299px 1549px #FFF , 1299px 1445px #FFF , 1429px 913px #FFF , 1286px 491px #FFF , 654px 752px #FFF , 289px 407px #FFF , 933px 977px #FFF , 668px 972px #FFF , 766px 131px #FFF , 486px 1821px #FFF , 281px 668px #FFF , 367px 1685px #FFF , 766px 428px #FFF , 1397px 1705px #FFF , 1663px 1007px #FFF , 1996px 563px #FFF , 1006px 1517px #FFF , 1534px 424px #FFF , 1730px 1553px #FFF , 1754px 78px #FFF , 1451px 806px #FFF , 903px 465px #FFF , 763px 830px #FFF , 716px 815px #FFF , 1705px 98px #FFF , 1432px 83px #FFF , 1262px 1736px #FFF , 779px 1039px #FFF , 359px 1772px #FFF , 1px 1675px #FFF , 1087px 1972px #FFF , 1371px 561px #FFF , 506px 1335px #FFF , 1943px 1538px #FFF , 1025px 25px #FFF , 405px 1505px #FFF , 931px 1062px #FFF , 1732px 1951px #FFF , 1733px 1309px #FFF , 1476px 1592px #FFF , 1184px 683px #FFF , 1946px 784px #FFF , 981px 944px #FFF , 1337px 1788px #FFF , 1889px 1180px #FFF , 787px 565px #FFF , 532px 530px #FFF , 790px 1295px #FFF , 1386px 1184px #FFF , 522px 741px #FFF , 1268px 1467px #FFF , 102px 318px #FFF , 998px 1603px #FFF , 1805px 726px #FFF , 468px 637px #FFF , 493px 1507px #FFF , 690px 958px #FFF , 1271px 255px #FFF , 1449px 750px #FFF , 62px 357px #FFF , 1391px 1881px #FFF , 1355px 932px #FFF , 1462px 1283px #FFF , 1458px 951px #FFF , 875px 601px #FFF , 1886px 1417px #FFF , 1489px 1619px #FFF , 1284px 831px #FFF , 267px 501px #FFF , 1807px 496px #FFF , 622px 1645px #FFF , 1600px 1235px #FFF , 1251px 3px #FFF , 1525px 1472px #FFF , 960px 540px #FFF , 1584px 695px #FFF , 248px 963px #FFF , 952px 1360px #FFF , 205px 6px #FFF , 1515px 1277px #FFF , 606px 525px #FFF , 148px 504px #FFF , 105px 672px #FFF , 480px 1202px #FFF , 1071px 143px #FFF , 729px 854px #FFF , 1657px 806px #FFF , 1806px 1890px #FFF , 210px 1105px #FFF , 1413px 1147px #FFF , 1153px 198px #FFF , 1505px 493px #FFF , 1160px 1295px #FFF , 517px 991px #FFF , 1429px 94px #FFF , 1813px 1246px #FFF , 1476px 1556px #FFF , 121px 724px #FFF , 243px 1837px #FFF , 226px 1355px #FFF , 335px 76px #FFF , 1029px 1133px #FFF , 718px 569px #FFF , 212px 310px #FFF , 1255px 1270px #FFF , 1930px 633px #FFF , 1481px 586px #FFF , 241px 974px #FFF , 202px 507px #FFF , 1110px 1948px #FFF , 860px 473px #FFF , 93px 1651px #FFF , 1825px 1768px #FFF , 1293px 41px #FFF , 1357px 1679px #FFF , 1392px 421px #FFF , 1856px 276px #FFF , 1364px 71px #FFF , 192px 1898px #FFF , 933px 1625px #FFF , 887px 929px #FFF , 280px 830px #FFF , 255px 68px #FFF , 1572px 1054px #FFF , 1440px 1659px #FFF , 204px 333px #FFF , 981px 234px #FFF , 1480px 926px #FFF , 1270px 342px #FFF , 581px 1094px #FFF , 1896px 1957px #FFF , 1382px 1603px #FFF , 1617px 1863px #FFF , 1810px 27px #FFF , 820px 914px #FFF , 961px 1302px #FFF , 1831px 793px #FFF , 225px 748px #FFF , 1957px 1951px #FFF , 48px 885px #FFF , 442px 74px #FFF , 1389px 912px #FFF , 449px 801px #FFF , 1301px 1949px #FFF , 428px 442px #FFF , 859px 1677px #FFF , 107px 493px #FFF , 283px 477px #FFF , 1415px 605px #FFF , 1026px 1911px #FFF;
}

#stars2 {
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 762px 96px #FFF , 1102px 97px #FFF , 1113px 1747px #FFF , 1468px 306px #FFF , 58px 1101px #FFF , 857px 1030px #FFF , 820px 1234px #FFF , 1739px 21px #FFF , 1089px 1355px #FFF , 1595px 1320px #FFF , 1741px 543px #FFF , 1056px 111px #FFF , 161px 1992px #FFF , 684px 1596px #FFF , 1133px 158px #FFF , 119px 1684px #FFF , 1239px 399px #FFF , 435px 69px #FFF , 192px 1204px #FFF , 335px 1212px #FFF , 1033px 862px #FFF , 440px 843px #FFF , 624px 1709px #FFF , 1971px 1659px #FFF , 1884px 669px #FFF , 454px 1708px #FFF , 667px 468px #FFF , 869px 1942px #FFF , 24px 1244px #FFF , 996px 274px #FFF , 1816px 182px #FFF , 1044px 624px #FFF , 571px 1717px #FFF , 251px 681px #FFF , 1686px 298px #FFF , 1432px 492px #FFF , 58px 16px #FFF , 601px 588px #FFF , 1225px 221px #FFF , 1197px 1421px #FFF , 185px 579px #FFF , 82px 608px #FFF , 1548px 615px #FFF , 1820px 778px #FFF , 1820px 83px #FFF , 1070px 1983px #FFF , 1460px 1472px #FFF , 981px 1961px #FFF , 664px 1024px #FFF , 333px 740px #FFF , 823px 1800px #FFF , 727px 1249px #FFF , 774px 604px #FFF , 550px 837px #FFF , 1861px 1013px #FFF , 1102px 1740px #FFF , 909px 1790px #FFF , 1525px 358px #FFF , 1989px 825px #FFF , 1649px 625px #FFF , 1112px 30px #FFF , 1570px 837px #FFF , 1909px 1197px #FFF , 1148px 1903px #FFF , 1889px 1360px #FFF , 1964px 1830px #FFF , 1137px 524px #FFF , 1105px 1639px #FFF , 1496px 1622px #FFF , 81px 350px #FFF , 682px 654px #FFF , 771px 541px #FFF , 868px 751px #FFF , 1912px 1014px #FFF , 533px 1811px #FFF , 211px 1643px #FFF , 1661px 972px #FFF , 201px 854px #FFF , 1117px 1551px #FFF , 1742px 1848px #FFF , 222px 1445px #FFF , 1227px 1805px #FFF , 396px 1219px #FFF , 1080px 248px #FFF , 1205px 214px #FFF , 904px 1463px #FFF , 1330px 1934px #FFF , 1983px 546px #FFF , 1942px 906px #FFF , 363px 1612px #FFF , 1439px 357px #FFF , 566px 1334px #FFF , 686px 1310px #FFF , 1542px 216px #FFF , 204px 1441px #FFF , 72px 634px #FFF , 1758px 978px #FFF , 1258px 1151px #FFF , 560px 1525px #FFF , 1831px 109px #FFF , 1942px 173px #FFF , 1979px 233px #FFF , 1096px 497px #FFF , 784px 1058px #FFF , 789px 759px #FFF , 683px 341px #FFF , 1004px 1569px #FFF , 1902px 1291px #FFF , 1507px 349px #FFF , 1098px 1355px #FFF , 1956px 1477px #FFF , 1636px 908px #FFF , 1980px 1881px #FFF , 162px 54px #FFF , 477px 872px #FFF , 1936px 1402px #FFF , 1175px 113px #FFF , 1613px 957px #FFF , 545px 804px #FFF , 694px 1753px #FFF , 1729px 339px #FFF , 475px 1964px #FFF , 557px 237px #FFF , 1151px 1404px #FFF , 1357px 1077px #FFF , 1px 1508px #FFF , 1287px 1434px #FFF , 973px 1514px #FFF , 1062px 1705px #FFF , 1184px 474px #FFF , 917px 1812px #FFF , 929px 1019px #FFF , 1464px 890px #FFF , 1101px 70px #FFF , 1328px 1511px #FFF , 73px 1585px #FFF , 439px 1659px #FFF , 1557px 296px #FFF , 1700px 27px #FFF , 767px 1068px #FFF , 754px 1846px #FFF , 83px 862px #FFF , 1778px 1831px #FFF , 300px 1232px #FFF , 689px 771px #FFF , 306px 642px #FFF , 1812px 414px #FFF , 27px 418px #FFF , 306px 1761px #FFF , 1260px 293px #FFF , 1016px 755px #FFF , 833px 738px #FFF , 409px 1311px #FFF , 1671px 439px #FFF , 513px 1263px #FFF , 1201px 524px #FFF , 254px 719px #FFF , 941px 1895px #FFF , 413px 663px #FFF , 1040px 1508px #FFF , 1449px 1732px #FFF , 1669px 1600px #FFF , 1219px 26px #FFF , 193px 1352px #FFF , 480px 1066px #FFF , 1719px 1179px #FFF , 1942px 156px #FFF , 1785px 1631px #FFF , 651px 465px #FFF , 1474px 1127px #FFF , 1095px 431px #FFF , 1410px 16px #FFF , 708px 862px #FFF , 4px 1389px #FFF , 963px 55px #FFF , 477px 992px #FFF , 1035px 299px #FFF , 1449px 4px #FFF , 1675px 685px #FFF , 22px 1653px #FFF , 222px 818px #FFF , 1843px 544px #FFF , 812px 1072px #FFF , 1806px 1414px #FFF , 854px 1546px #FFF , 1624px 371px #FFF , 1976px 1151px #FFF , 1313px 328px #FFF , 1420px 1381px #FFF , 1251px 1684px #FFF , 1456px 901px #FFF , 15px 1409px #FFF , 794px 970px #FFF , 72px 790px #FFF , 1649px 1820px #FFF , 1699px 597px #FFF , 1268px 1561px #FFF , 1755px 1704px #FFF , 238px 9px #FFF , 969px 1668px #FFF;
  animation: animStar 100s linear infinite;
}
#stars2:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 2px;
  height: 2px;
  background: transparent;
  box-shadow: 762px 96px #FFF , 1102px 97px #FFF , 1113px 1747px #FFF , 1468px 306px #FFF , 58px 1101px #FFF , 857px 1030px #FFF , 820px 1234px #FFF , 1739px 21px #FFF , 1089px 1355px #FFF , 1595px 1320px #FFF , 1741px 543px #FFF , 1056px 111px #FFF , 161px 1992px #FFF , 684px 1596px #FFF , 1133px 158px #FFF , 119px 1684px #FFF , 1239px 399px #FFF , 435px 69px #FFF , 192px 1204px #FFF , 335px 1212px #FFF , 1033px 862px #FFF , 440px 843px #FFF , 624px 1709px #FFF , 1971px 1659px #FFF , 1884px 669px #FFF , 454px 1708px #FFF , 667px 468px #FFF , 869px 1942px #FFF , 24px 1244px #FFF , 996px 274px #FFF , 1816px 182px #FFF , 1044px 624px #FFF , 571px 1717px #FFF , 251px 681px #FFF , 1686px 298px #FFF , 1432px 492px #FFF , 58px 16px #FFF , 601px 588px #FFF , 1225px 221px #FFF , 1197px 1421px #FFF , 185px 579px #FFF , 82px 608px #FFF , 1548px 615px #FFF , 1820px 778px #FFF , 1820px 83px #FFF , 1070px 1983px #FFF , 1460px 1472px #FFF , 981px 1961px #FFF , 664px 1024px #FFF , 333px 740px #FFF , 823px 1800px #FFF , 727px 1249px #FFF , 774px 604px #FFF , 550px 837px #FFF , 1861px 1013px #FFF , 1102px 1740px #FFF , 909px 1790px #FFF , 1525px 358px #FFF , 1989px 825px #FFF , 1649px 625px #FFF , 1112px 30px #FFF , 1570px 837px #FFF , 1909px 1197px #FFF , 1148px 1903px #FFF , 1889px 1360px #FFF , 1964px 1830px #FFF , 1137px 524px #FFF , 1105px 1639px #FFF , 1496px 1622px #FFF , 81px 350px #FFF , 682px 654px #FFF , 771px 541px #FFF , 868px 751px #FFF , 1912px 1014px #FFF , 533px 1811px #FFF , 211px 1643px #FFF , 1661px 972px #FFF , 201px 854px #FFF , 1117px 1551px #FFF , 1742px 1848px #FFF , 222px 1445px #FFF , 1227px 1805px #FFF , 396px 1219px #FFF , 1080px 248px #FFF , 1205px 214px #FFF , 904px 1463px #FFF , 1330px 1934px #FFF , 1983px 546px #FFF , 1942px 906px #FFF , 363px 1612px #FFF , 1439px 357px #FFF , 566px 1334px #FFF , 686px 1310px #FFF , 1542px 216px #FFF , 204px 1441px #FFF , 72px 634px #FFF , 1758px 978px #FFF , 1258px 1151px #FFF , 560px 1525px #FFF , 1831px 109px #FFF , 1942px 173px #FFF , 1979px 233px #FFF , 1096px 497px #FFF , 784px 1058px #FFF , 789px 759px #FFF , 683px 341px #FFF , 1004px 1569px #FFF , 1902px 1291px #FFF , 1507px 349px #FFF , 1098px 1355px #FFF , 1956px 1477px #FFF , 1636px 908px #FFF , 1980px 1881px #FFF , 162px 54px #FFF , 477px 872px #FFF , 1936px 1402px #FFF , 1175px 113px #FFF , 1613px 957px #FFF , 545px 804px #FFF , 694px 1753px #FFF , 1729px 339px #FFF , 475px 1964px #FFF , 557px 237px #FFF , 1151px 1404px #FFF , 1357px 1077px #FFF , 1px 1508px #FFF , 1287px 1434px #FFF , 973px 1514px #FFF , 1062px 1705px #FFF , 1184px 474px #FFF , 917px 1812px #FFF , 929px 1019px #FFF , 1464px 890px #FFF , 1101px 70px #FFF , 1328px 1511px #FFF , 73px 1585px #FFF , 439px 1659px #FFF , 1557px 296px #FFF , 1700px 27px #FFF , 767px 1068px #FFF , 754px 1846px #FFF , 83px 862px #FFF , 1778px 1831px #FFF , 300px 1232px #FFF , 689px 771px #FFF , 306px 642px #FFF , 1812px 414px #FFF , 27px 418px #FFF , 306px 1761px #FFF , 1260px 293px #FFF , 1016px 755px #FFF , 833px 738px #FFF , 409px 1311px #FFF , 1671px 439px #FFF , 513px 1263px #FFF , 1201px 524px #FFF , 254px 719px #FFF , 941px 1895px #FFF , 413px 663px #FFF , 1040px 1508px #FFF , 1449px 1732px #FFF , 1669px 1600px #FFF , 1219px 26px #FFF , 193px 1352px #FFF , 480px 1066px #FFF , 1719px 1179px #FFF , 1942px 156px #FFF , 1785px 1631px #FFF , 651px 465px #FFF , 1474px 1127px #FFF , 1095px 431px #FFF , 1410px 16px #FFF , 708px 862px #FFF , 4px 1389px #FFF , 963px 55px #FFF , 477px 992px #FFF , 1035px 299px #FFF , 1449px 4px #FFF , 1675px 685px #FFF , 22px 1653px #FFF , 222px 818px #FFF , 1843px 544px #FFF , 812px 1072px #FFF , 1806px 1414px #FFF , 854px 1546px #FFF , 1624px 371px #FFF , 1976px 1151px #FFF , 1313px 328px #FFF , 1420px 1381px #FFF , 1251px 1684px #FFF , 1456px 901px #FFF , 15px 1409px #FFF , 794px 970px #FFF , 72px 790px #FFF , 1649px 1820px #FFF , 1699px 597px #FFF , 1268px 1561px #FFF , 1755px 1704px #FFF , 238px 9px #FFF , 969px 1668px #FFF;
}

#stars3 {
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 325px 1067px #FFF , 1133px 1960px #FFF , 1063px 318px #FFF , 1083px 30px #FFF , 1068px 145px #FFF , 194px 1339px #FFF , 1816px 324px #FFF , 287px 918px #FFF , 966px 1896px #FFF , 1048px 642px #FFF , 279px 374px #FFF , 1803px 1058px #FFF , 1999px 1753px #FFF , 1938px 1154px #FFF , 1633px 329px #FFF , 779px 1387px #FFF , 173px 1448px #FFF , 1434px 1228px #FFF , 712px 16px #FFF , 1498px 1286px #FFF , 756px 1216px #FFF , 618px 1694px #FFF , 505px 1631px #FFF , 690px 186px #FFF , 1012px 278px #FFF , 291px 88px #FFF , 807px 427px #FFF , 202px 689px #FFF , 906px 1751px #FFF , 1553px 1931px #FFF , 451px 697px #FFF , 137px 412px #FFF , 1219px 1463px #FFF , 371px 1925px #FFF , 1191px 1116px #FFF , 1430px 1477px #FFF , 636px 803px #FFF , 1198px 1140px #FFF , 909px 818px #FFF , 1177px 178px #FFF , 458px 1273px #FFF , 290px 387px #FFF , 1763px 1077px #FFF , 37px 296px #FFF , 1580px 1271px #FFF , 1701px 1829px #FFF , 728px 581px #FFF , 109px 1599px #FFF , 1405px 1823px #FFF , 337px 1386px #FFF , 524px 1835px #FFF , 1183px 1627px #FFF , 1411px 1944px #FFF , 196px 847px #FFF , 3px 1177px #FFF , 205px 1391px #FFF , 284px 1163px #FFF , 634px 1207px #FFF , 991px 1957px #FFF , 104px 518px #FFF , 90px 180px #FFF , 471px 1947px #FFF , 820px 92px #FFF , 1063px 1187px #FFF , 1828px 993px #FFF , 216px 128px #FFF , 1414px 1764px #FFF , 1421px 1645px #FFF , 1947px 1256px #FFF , 915px 987px #FFF , 699px 903px #FFF , 1458px 1929px #FFF , 1067px 1778px #FFF , 895px 1497px #FFF , 15px 13px #FFF , 620px 1170px #FFF , 976px 225px #FFF , 1269px 24px #FFF , 877px 443px #FFF , 396px 978px #FFF , 529px 1990px #FFF , 1px 1948px #FFF , 694px 1895px #FFF , 1896px 1958px #FFF , 1054px 134px #FFF , 379px 1029px #FFF , 991px 60px #FFF , 1535px 1784px #FFF , 1352px 647px #FFF , 332px 1704px #FFF , 1997px 383px #FFF , 1683px 1936px #FFF , 1845px 1618px #FFF , 1086px 669px #FFF , 1641px 502px #FFF , 1002px 237px #FFF , 1530px 1769px #FFF , 142px 1059px #FFF , 389px 837px #FFF , 1290px 423px #FFF;
  animation: animStar 150s linear infinite;
}
#stars3:after {
  content: " ";
  position: absolute;
  top: 2000px;
  width: 3px;
  height: 3px;
  background: transparent;
  box-shadow: 325px 1067px #FFF , 1133px 1960px #FFF , 1063px 318px #FFF , 1083px 30px #FFF , 1068px 145px #FFF , 194px 1339px #FFF , 1816px 324px #FFF , 287px 918px #FFF , 966px 1896px #FFF , 1048px 642px #FFF , 279px 374px #FFF , 1803px 1058px #FFF , 1999px 1753px #FFF , 1938px 1154px #FFF , 1633px 329px #FFF , 779px 1387px #FFF , 173px 1448px #FFF , 1434px 1228px #FFF , 712px 16px #FFF , 1498px 1286px #FFF , 756px 1216px #FFF , 618px 1694px #FFF , 505px 1631px #FFF , 690px 186px #FFF , 1012px 278px #FFF , 291px 88px #FFF , 807px 427px #FFF , 202px 689px #FFF , 906px 1751px #FFF , 1553px 1931px #FFF , 451px 697px #FFF , 137px 412px #FFF , 1219px 1463px #FFF , 371px 1925px #FFF , 1191px 1116px #FFF , 1430px 1477px #FFF , 636px 803px #FFF , 1198px 1140px #FFF , 909px 818px #FFF , 1177px 178px #FFF , 458px 1273px #FFF , 290px 387px #FFF , 1763px 1077px #FFF , 37px 296px #FFF , 1580px 1271px #FFF , 1701px 1829px #FFF , 728px 581px #FFF , 109px 1599px #FFF , 1405px 1823px #FFF , 337px 1386px #FFF , 524px 1835px #FFF , 1183px 1627px #FFF , 1411px 1944px #FFF , 196px 847px #FFF , 3px 1177px #FFF , 205px 1391px #FFF , 284px 1163px #FFF , 634px 1207px #FFF , 991px 1957px #FFF , 104px 518px #FFF , 90px 180px #FFF , 471px 1947px #FFF , 820px 92px #FFF , 1063px 1187px #FFF , 1828px 993px #FFF , 216px 128px #FFF , 1414px 1764px #FFF , 1421px 1645px #FFF , 1947px 1256px #FFF , 915px 987px #FFF , 699px 903px #FFF , 1458px 1929px #FFF , 1067px 1778px #FFF , 895px 1497px #FFF , 15px 13px #FFF , 620px 1170px #FFF , 976px 225px #FFF , 1269px 24px #FFF , 877px 443px #FFF , 396px 978px #FFF , 529px 1990px #FFF , 1px 1948px #FFF , 694px 1895px #FFF , 1896px 1958px #FFF , 1054px 134px #FFF , 379px 1029px #FFF , 991px 60px #FFF , 1535px 1784px #FFF , 1352px 647px #FFF , 332px 1704px #FFF , 1997px 383px #FFF , 1683px 1936px #FFF , 1845px 1618px #FFF , 1086px 669px #FFF , 1641px 502px #FFF , 1002px 237px #FFF , 1530px 1769px #FFF , 142px 1059px #FFF , 389px 837px #FFF , 1290px 423px #FFF;
}

@keyframes animStar {
  from {
    transform: translateY(0px);
  }
  to {
    transform: translateY(-2000px);
  }
}
.container {
  max-width: 900px;
  margin: 30px auto;
  border-radius: 24px;
  padding: 60px 70px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 8px 30px rgba(0, 0, 0, 0.08), 0 4px 15px rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  border-radius: 16px;
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05));
  border: 1px solid rgba(255, 255, 255, 0.2);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.1) inset 0 1px 0 rgba(255, 255, 255, 0.2);
  background: rgba(255, 255, 255, 0.95);
}
@media (prefers-color-scheme: dark) {
  .container {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.15), rgba(30, 41, 59, 0.05));
  }
}
@media (prefers-color-scheme: dark) {
  .container {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  .container {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.3) inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  .container {
    background: rgba(30, 41, 59, 0.95);
  }
}
.container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  pointer-events: none;
  opacity: 0.3;
}
.container:hover {
  transform: translateY(-5px);
  transition: transform 0.75s cubic-bezier(0.25, 0.46, 0.45, 0.94) cubic-bezier(0.25, 0.46, 0.45, 0.94);
  box-shadow: 0 30px 80px rgba(0, 120, 212, 0.15), 0 12px 40px rgba(0, 120, 212, 0.12), 0 6px 20px rgba(0, 120, 212, 0.08);
}
@media (max-width: 768px) {
  .container {
    padding: 30px 24px;
    margin: 20px;
    width: calc(100% - 40px);
    max-width: calc(100% - 40px);
    border-radius: 8px;
  }
}

#title,
.main-title {
  text-align: center;
  font-family: "Inter", "SF Pro Display", "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
  font-weight: 700;
  font-size: 2.8rem;
  letter-spacing: 1px;
  margin-bottom: 1.5rem;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  #title,
  .main-title {
    color: #f8fafc;
  }
}
#title span,
.main-title span {
  background: linear-gradient(135deg, #0078d4, #005a9e);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
@media (max-width: 768px) {
  #title,
  .main-title {
    font-size: 2rem;
    letter-spacing: 1px;
  }
}

.header {
  text-align: center;
  margin-bottom: 2.5rem;
  padding: 1.5rem 0;
  background: transparent;
  border-radius: 24px;
}
.header h1#title {
  font-size: 3rem;
  font-weight: 800;
  background: linear-gradient(90deg, #0078d4, #005a9e);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  margin: 0 0 0.25rem 0;
  text-shadow: none;
}
@media (max-width: 768px) {
  .header h1#title {
    font-size: 2.2rem;
  }
}
.header p.subtitle {
  font-size: 1.1rem;
  color: #6b7280;
  opacity: 1;
  margin-top: 0.25rem;
  font-weight: 400;
}
@media (max-width: 768px) {
  .header p.subtitle {
    font-size: 0.95rem;
  }
}

.browser-info {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.75rem 1rem;
  border-radius: 16px;
  margin-top: 1rem;
  font-size: 0.9rem;
  backdrop-filter: blur(10px);
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(255, 255, 255, 0.1);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .browser-info {
    background: rgba(30, 41, 59, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  .browser-info {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  .browser-info {
    color: #f8fafc;
  }
}
.browser-info:hover {
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.15);
  border-color: rgba(255, 255, 255, 0.3);
}
@media (prefers-color-scheme: dark) {
  .browser-info:hover {
    background: rgba(30, 41, 59, 0.15);
  }
}
@media (prefers-color-scheme: dark) {
  .browser-info:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
.browser-info #browserIcon {
  font-size: 1.2rem;
  display: flex;
  align-items: center;
}
.browser-info #browserText {
  font-weight: 500;
  color: inherit;
}
.browser-info.browser-firefox {
  border-color: rgba(255, 149, 0, 0.5);
  background: rgba(255, 149, 0, 0.1);
  color: #ff9500;
}
.browser-info.browser-chrome {
  border-color: rgba(66, 133, 244, 0.5);
  background: rgba(66, 133, 244, 0.1);
  color: #4285f4;
}
.browser-info.browser-edge {
  border-color: rgba(0, 120, 212, 0.5);
  background: rgba(0, 120, 212, 0.1);
  color: #0078d4;
}
.browser-info.browser-safari {
  border-color: rgba(0, 125, 251, 0.5);
  background: rgba(0, 125, 251, 0.1);
  color: #007dfb;
}
@media (max-width: 768px) {
  .browser-info {
    padding: 0.5rem 0.75rem;
    font-size: 0.85rem;
    margin-top: 0.75rem;
  }
  .browser-info #browserIcon {
    font-size: 1rem;
  }
}

.form-group {
  margin-bottom: 28px;
  position: relative;
}
.form-group label {
  display: block;
  margin-bottom: 10px;
  font-weight: 600;
  font-size: 14px;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  position: relative;
  cursor: pointer;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .form-group label {
    color: #f8fafc;
  }
}
.form-group label::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 0;
  height: 2px;
  background: linear-gradient(90deg, #0078d4, #06b6d4);
  border-radius: 1px;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.form-group label:hover {
  color: #0078d4;
  transform: translateY(-1px);
}
.form-group label:hover::after {
  width: 30px;
}
.form-group:focus-within label {
  color: #0078d4;
  transform: translateY(-1px);
}
.form-group:focus-within label::after {
  width: 40px;
}

input[type=number],
input[type=text] {
  width: 100%;
  box-sizing: border-box;
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  color: #1e293b;
  border-radius: 16px;
  padding: 16px 20px;
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #1e293b;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08), 0 3px 12px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.4);
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text] {
    color: #f8fafc;
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text] {
    background: rgba(30, 41, 59, 0.08);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text] {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text] {
    color: #f8fafc;
  }
}
input[type=number]::placeholder,
input[type=text]::placeholder {
  color: rgba(30, 41, 59, 0.5);
}
@media (prefers-color-scheme: dark) {
  input[type=number]::placeholder,
  input[type=text]::placeholder {
    color: rgba(248, 250, 252, 0.5);
  }
}
input[type=number]:focus,
input[type=text]:focus {
  outline: none;
  border-color: #0078d4;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.2), 0 4px 20px rgba(0, 120, 212, 0.1);
  background: rgba(255, 255, 255, 0.12);
}
@media (prefers-color-scheme: dark) {
  input[type=number]:focus,
  input[type=text]:focus {
    background: rgba(30, 41, 59, 0.12);
  }
}
input[type=number]:hover,
input[type=text]:hover {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
}
@media (prefers-color-scheme: dark) {
  input[type=number]:hover,
  input[type=text]:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number]:hover,
  input[type=text]:hover {
    background: rgba(30, 41, 59, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text] {
    background: rgba(30, 41, 59, 0.9);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text] {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text] {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2), 0 3px 12px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}
input[type=number]:focus,
input[type=text]:focus {
  outline: none;
  border-color: rgba(0, 120, 212, 0.6);
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.15), 0 12px 35px rgba(0, 120, 212, 0.1), 0 4px 15px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.95);
}
@media (prefers-color-scheme: dark) {
  input[type=number]:focus,
  input[type=text]:focus {
    background: rgba(30, 41, 59, 0.95);
  }
}
input[type=number]:hover,
input[type=text]:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.92);
}
@media (prefers-color-scheme: dark) {
  input[type=number]:hover,
  input[type=text]:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number]:hover,
  input[type=text]:hover {
    background: rgba(30, 41, 59, 0.92);
  }
}
input[type=number]::placeholder,
input[type=text]::placeholder {
  opacity: 0.8;
  color: rgb(94.2415730337, 124.2134831461, 173.2584269663);
}
@media (prefers-color-scheme: dark) {
  input[type=number]::placeholder,
  input[type=text]::placeholder {
    color: rgb(123.05, 160.75, 198.45);
  }
}
input[type=number]:-webkit-autofill, input[type=number]:-webkit-autofill:hover, input[type=number]:-webkit-autofill:focus,
input[type=text]:-webkit-autofill,
input[type=text]:-webkit-autofill:hover,
input[type=text]:-webkit-autofill:focus {
  transition: background-color 5000s ease-in-out 0s;
  -webkit-text-fill-color: #1e293b;
  -webkit-box-shadow: 0 0 0px 1000px rgba(255, 255, 255, 0.9) inset;
}
@media (prefers-color-scheme: dark) {
  input[type=number]:-webkit-autofill, input[type=number]:-webkit-autofill:hover, input[type=number]:-webkit-autofill:focus,
  input[type=text]:-webkit-autofill,
  input[type=text]:-webkit-autofill:hover,
  input[type=text]:-webkit-autofill:focus {
    -webkit-text-fill-color: #f8fafc;
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number]:-webkit-autofill, input[type=number]:-webkit-autofill:hover, input[type=number]:-webkit-autofill:focus,
  input[type=text]:-webkit-autofill,
  input[type=text]:-webkit-autofill:hover,
  input[type=text]:-webkit-autofill:focus {
    -webkit-box-shadow: 0 0 0px 1000px rgba(30, 41, 59, 0.9) inset;
  }
}
@media (max-width: 768px) {
  input[type=number],
  input[type=text] {
    font-size: 16px;
  }
}

select {
  width: 100%;
  box-sizing: border-box;
  backdrop-filter: blur(10px) saturate(120%);
  -webkit-backdrop-filter: blur(10px) saturate(120%);
  background-position: right 16px center;
  background-repeat: no-repeat;
  background-size: 1em;
  padding-right: 40px;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  border-radius: 16px;
  padding: 16px 20px;
  font-size: 16px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  backdrop-filter: blur(10px);
  background: rgba(255, 255, 255, 0.08);
  border: 1px solid rgba(255, 255, 255, 0.2);
  color: #1e293b;
  color: #1e293b;
  background: rgba(255, 255, 255, 0.9);
  border: 1px solid rgba(255, 255, 255, 0.3);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.08), 0 3px 12px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%236c757d' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
}
@media (prefers-color-scheme: dark) {
  select {
    background: rgba(30, 41, 59, 0.08);
  }
}
@media (prefers-color-scheme: dark) {
  select {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  select {
    color: #f8fafc;
  }
}
select::placeholder {
  color: rgba(30, 41, 59, 0.5);
}
@media (prefers-color-scheme: dark) {
  select::placeholder {
    color: rgba(248, 250, 252, 0.5);
  }
}
select:focus {
  outline: none;
  border-color: #0078d4;
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.2), 0 4px 20px rgba(0, 120, 212, 0.1);
  background: rgba(255, 255, 255, 0.12);
}
@media (prefers-color-scheme: dark) {
  select:focus {
    background: rgba(30, 41, 59, 0.12);
  }
}
select:hover {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(255, 255, 255, 0.1);
}
@media (prefers-color-scheme: dark) {
  select:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (prefers-color-scheme: dark) {
  select:hover {
    background: rgba(30, 41, 59, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  select {
    color: #f8fafc;
  }
}
@media (prefers-color-scheme: dark) {
  select {
    background: rgba(30, 41, 59, 0.9);
  }
}
@media (prefers-color-scheme: dark) {
  select {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  select {
    box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2), 0 3px 12px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  select {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3e%3cpath stroke='%23cbd5e1' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3e%3c/svg%3e");
  }
}
select:focus {
  outline: none;
  border-color: rgba(0, 120, 212, 0.6);
  box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.15), 0 12px 35px rgba(0, 120, 212, 0.1), 0 4px 15px rgba(0, 0, 0, 0.08);
  transform: translateY(-2px);
  background: rgba(255, 255, 255, 0.95);
}
@media (prefers-color-scheme: dark) {
  select:focus {
    background: rgba(30, 41, 59, 0.95);
  }
}
select:hover {
  transform: translateY(-1px);
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(255, 255, 255, 0.92);
}
@media (prefers-color-scheme: dark) {
  select:hover {
    border-color: rgba(255, 255, 255, 0.2);
  }
}
@media (prefers-color-scheme: dark) {
  select:hover {
    background: rgba(30, 41, 59, 0.92);
  }
}
select:invalid {
  border-color: rgba(255, 77, 79, 0.6);
}

select[multiple] {
  min-height: 160px;
  background-image: none;
  padding: 16px 20px;
  backdrop-filter: blur(15px) saturate(140%);
  -webkit-backdrop-filter: blur(15px) saturate(140%);
  background: rgba(255, 255, 255, 0.95);
  border: 1.5px solid rgba(226, 232, 240, 0.6);
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  select[multiple] {
    background: rgba(30, 41, 59, 0.95);
  }
}
@media (prefers-color-scheme: dark) {
  select[multiple] {
    border: 1.5px solid rgba(51, 65, 85, 0.6);
  }
}
@media (prefers-color-scheme: dark) {
  select[multiple] {
    color: #f8fafc;
  }
}
select[multiple] option {
  padding: 12px 16px;
  border-radius: 9.6px;
  margin: 6px 0;
  transition: all 0.2s ease-in-out;
  background: rgba(248, 250, 252, 0.8);
  border: 1px solid rgba(226, 232, 240, 0.3);
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  select[multiple] option {
    background: rgba(51, 65, 85, 0.8);
  }
}
@media (prefers-color-scheme: dark) {
  select[multiple] option {
    border: 1px solid rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  select[multiple] option {
    color: #f8fafc;
  }
}
select[multiple] option:hover {
  background: rgba(0, 120, 212, 0.1);
  border-color: rgba(0, 120, 212, 0.4);
  transform: translateX(3px);
}
@media (prefers-color-scheme: dark) {
  select[multiple] option:hover {
    background: rgba(0, 120, 212, 0.2);
  }
}
@media (prefers-color-scheme: dark) {
  select[multiple] option:hover {
    border-color: rgba(0, 120, 212, 0.5);
  }
}
select[multiple] option:checked {
  background: linear-gradient(135deg, rgba(0, 120, 212, 0.9), rgba(0, 91, 161, 0.95));
  color: #ffffff;
  font-weight: 600;
  border-color: rgba(0, 120, 212, 0.8);
  box-shadow: 0 4px 15px rgba(0, 120, 212, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2);
}
@media (prefers-color-scheme: dark) {
  select[multiple] option:checked {
    color: #ffffff;
  }
}

button {
  background: linear-gradient(135deg, #0078d4 0%, #005a9e 100%);
  border: none;
  border-radius: 16px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #f8fafc;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(0, 120, 212, 0.4), 0 2px 10px rgba(0, 0, 0, 0.1);
  margin: 8px;
}
button::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
button:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(0, 120, 212, 0.5), 0 4px 15px rgba(0, 0, 0, 0.15);
}
button:hover::before {
  left: 100%;
}
button:active {
  transform: translateY(0);
}
button.pause-resume {
  background: linear-gradient(135deg, #ff9f0a 0%, #005a9e 100%);
  border: none;
  border-radius: 16px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #f8fafc;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(255, 159, 10, 0.4), 0 2px 10px rgba(0, 0, 0, 0.1);
}
button.pause-resume::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
button.pause-resume:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 159, 10, 0.5), 0 4px 15px rgba(0, 0, 0, 0.15);
}
button.pause-resume:hover::before {
  left: 100%;
}
button.pause-resume:active {
  transform: translateY(0);
}
button.stop {
  background: linear-gradient(135deg, #ff4d4f 0%, #c62828 100%);
  border: none;
  border-radius: 16px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #f8fafc;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(255, 77, 79, 0.4), 0 2px 10px rgba(0, 0, 0, 0.1);
}
button.stop::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
button.stop:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(255, 77, 79, 0.5), 0 4px 15px rgba(0, 0, 0, 0.15);
}
button.stop:hover::before {
  left: 100%;
}
button.stop:active {
  transform: translateY(0);
}
button.success {
  background: linear-gradient(135deg, #10c440 0%, #2e7d32 100%);
  border: none;
  border-radius: 16px;
  padding: 16px 32px;
  font-size: 16px;
  font-weight: 600;
  color: #f8fafc;
  cursor: pointer;
  position: relative;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  text-transform: uppercase;
  letter-spacing: 0.5px;
  box-shadow: 0 4px 15px rgba(16, 196, 64, 0.4), 0 2px 10px rgba(0, 0, 0, 0.1);
}
button.success::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s;
}
button.success:hover {
  transform: translateY(-2px);
  box-shadow: 0 8px 25px rgba(16, 196, 64, 0.5), 0 4px 15px rgba(0, 0, 0, 0.15);
}
button.success:hover::before {
  left: 100%;
}
button.success:active {
  transform: translateY(0);
}

.button-group {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
  margin: 30px 0;
}
.button-group button {
  animation: buttonStagger 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) ease-out;
  animation-fill-mode: both;
}
.button-group button:nth-child(1) {
  animation-delay: 0.1s;
}
.button-group button:nth-child(2) {
  animation-delay: 0.2s;
}
.button-group button:nth-child(3) {
  animation-delay: 0.3s;
}
@media (max-width: 768px) {
  .button-group {
    flex-direction: column;
    gap: 12px;
  }
  .button-group button {
    width: 100%;
    margin: 6px 0;
    padding: 14px 20px;
    font-size: 1.05em;
  }
}

@keyframes buttonStagger {
  0% {
    opacity: 0;
    transform: translateY(20px) scale(0.9);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
.progress-container {
  margin: 30px 0;
  height: 16px;
  border-radius: 14.4px;
  background: linear-gradient(90deg, #e3f2fd, #bbdefb);
  box-shadow: 0 2px 8px rgba(0, 120, 212, 0.08);
}
.progress-container .progress-bar {
  height: 100%;
  border-radius: 14.4px;
  background: linear-gradient(90deg, #06b6d4, #0078d4);
  box-shadow: 0 2px 8px rgba(0, 120, 212, 0.1);
  width: 0%;
  transition: width 0.3s cubic-bezier(0.4, 0, 0.2, 1) ease-out;
  position: relative;
}
.progress-container .progress-bar::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.25), transparent);
  animation: shimmer 1.5s infinite linear;
}
.progress-container .progress-bar::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 20%, rgba(255, 255, 255, 0.6) 50%, rgba(255, 255, 255, 0.4) 80%, transparent 100%);
  animation: liquidMercury 2s ease-in-out infinite;
  border-radius: inherit;
}

@keyframes shimmer {
  0% {
    background-position: -200px 0;
  }
  100% {
    background-position: calc(200px + 100%) 0;
  }
}
@keyframes liquidMercury {
  0%, 100% {
    transform: translateX(-100%) scaleX(0.8);
  }
  50% {
    transform: translateX(100%) scaleX(1.2);
  }
}
.progress-text {
  text-align: center;
  margin-top: 10px;
  font-weight: 500;
  color: rgb(55.7865168539, 76.2415730337, 109.7134831461);
}
@media (prefers-color-scheme: dark) {
  .progress-text {
    color: rgb(194.45, 211.75, 229.05);
  }
}

.feedback {
  padding: 16px;
  border-radius: 16px;
  margin: 16px 0;
  font-weight: 500;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
  animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) ease-out;
  border-radius: 17.6px;
  font-size: 1.08em;
  box-shadow: 0 2px 12px rgba(0, 120, 212, 0.08);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
}
.feedback.info {
  border-left: 5px solid #2196f3;
  background: linear-gradient(135deg, #e3f2fd 80%, #bbdefb 100%);
  color: #1565c0;
}
@media (prefers-color-scheme: dark) {
  .feedback.info {
    background: linear-gradient(135deg, rgba(33, 150, 243, 0.15) 80%, rgba(33, 150, 243, 0.1) 100%);
  }
}
@media (prefers-color-scheme: dark) {
  .feedback.info {
    color: #64b5f6;
  }
}
.feedback.success {
  border-left: 5px solid #4caf50;
  background: linear-gradient(135deg, #e8f5e8 80%, #c8e6c9 100%);
  color: #2e7d32;
}
@media (prefers-color-scheme: dark) {
  .feedback.success {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.15) 80%, rgba(76, 175, 80, 0.1) 100%);
  }
}
@media (prefers-color-scheme: dark) {
  .feedback.success {
    color: #81c784;
  }
}
.feedback.warning {
  border-left: 5px solid #ff9800;
  background: linear-gradient(135deg, #fff3e0 80%, #ffcc02 100%);
  color: #ef6c00;
}
@media (prefers-color-scheme: dark) {
  .feedback.warning {
    background: linear-gradient(135deg, rgba(255, 152, 0, 0.15) 80%, rgba(255, 152, 0, 0.1) 100%);
  }
}
@media (prefers-color-scheme: dark) {
  .feedback.warning {
    color: #ffb74d;
  }
}
.feedback.error {
  border-left: 5px solid #f44336;
  background: linear-gradient(135deg, #ffebee 80%, #ffcdd2 100%);
  color: #c62828;
}
@media (prefers-color-scheme: dark) {
  .feedback.error {
    background: linear-gradient(135deg, rgba(244, 67, 54, 0.15) 80%, rgba(244, 67, 54, 0.1) 100%);
  }
}
@media (prefers-color-scheme: dark) {
  .feedback.error {
    color: #e57373;
  }
}

.feedback,
#warn {
  border-radius: 17.6px;
  font-size: 1.08em;
  box-shadow: 0 2px 12px rgba(0, 120, 212, 0.08);
  display: flex;
  align-items: center;
  gap: 12px;
  padding: 18px 24px;
  margin-top: 18px;
  margin-bottom: 18px;
  transition: background 0.3s, color 0.3s;
}

.stats-panel {
  border-radius: 24px;
  padding: 32px;
  margin: 32px 0;
  backdrop-filter: blur(20px) saturate(180%);
  -webkit-backdrop-filter: blur(20px) saturate(180%);
  animation: statsSlideIn 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94) ease-out;
  position: relative;
  overflow: hidden;
  transform: translateY(10px);
  opacity: 0;
  transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background: rgba(255, 255, 255, 0.95);
  box-shadow: 0 8px 32px rgba(0, 120, 212, 0.15), 0 2px 8px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.7);
  border: 1px solid rgba(0, 120, 212, 0.15);
}
@media (prefers-color-scheme: dark) {
  .stats-panel {
    background: rgba(30, 41, 59, 0.95);
  }
}
@media (prefers-color-scheme: dark) {
  .stats-panel {
    box-shadow: 0 8px 32px rgba(0, 120, 212, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  .stats-panel {
    border: 1px solid rgba(0, 120, 212, 0.25);
  }
}
.stats-panel.panel-visible {
  transform: translateY(0);
  opacity: 1;
}
.stats-panel::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  z-index: 1;
  background: linear-gradient(135deg, rgba(0, 120, 212, 0.02) 0%, rgba(64, 196, 255, 0.01) 50%, rgba(0, 120, 212, 0.02) 100%);
}
@media (prefers-color-scheme: dark) {
  .stats-panel::before {
    background: linear-gradient(135deg, rgba(0, 120, 212, 0.05) 0%, rgba(64, 196, 255, 0.02) 50%, rgba(0, 120, 212, 0.05) 100%);
  }
}
.stats-panel > * {
  position: relative;
  z-index: 2;
}
.stats-panel .stats-title {
  font-size: 24px;
  font-weight: 800;
  margin-bottom: 28px;
  text-align: center;
  background: linear-gradient(135deg, #0078d4 0%, #06b6d4 50%, #6366f1 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  letter-spacing: 0.5px;
  text-shadow: 0 2px 4px rgba(0, 120, 212, 0.1);
  animation: titleGlow 2s ease-in-out infinite alternate;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .stats-panel .stats-title {
    color: #f8fafc;
  }
}
.stats-panel .stats-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
  gap: 20px;
  margin-bottom: 24px;
}
@media (max-width: 768px) {
  .stats-panel .stats-grid {
    grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
    gap: 16px;
  }
}
.stats-panel .stat-item {
  text-align: center;
  padding: 20px 16px;
  border-radius: 19.2px;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  position: relative;
  overflow: hidden;
  animation: statItemEntry 0.4s ease-out;
  animation-fill-mode: both;
  background: linear-gradient(135deg, rgba(248, 250, 252, 0.9) 0%, rgba(255, 255, 255, 0.95) 100%);
  box-shadow: 0 4px 12px rgba(0, 120, 212, 0.1), 0 1px 3px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 120, 212, 0.08);
}
@media (prefers-color-scheme: dark) {
  .stats-panel .stat-item {
    background: linear-gradient(135deg, rgba(51, 65, 85, 0.9) 0%, rgba(30, 41, 59, 0.95) 100%);
  }
}
@media (prefers-color-scheme: dark) {
  .stats-panel .stat-item {
    box-shadow: 0 4px 12px rgba(0, 120, 212, 0.2), 0 1px 3px rgba(0, 0, 0, 0.2), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  }
}
@media (prefers-color-scheme: dark) {
  .stats-panel .stat-item {
    border: 1px solid rgba(0, 120, 212, 0.15);
  }
}
.stats-panel .stat-item:nth-child(1) {
  animation-delay: 0.1s;
}
.stats-panel .stat-item:nth-child(2) {
  animation-delay: 0.15s;
}
.stats-panel .stat-item:nth-child(3) {
  animation-delay: 0.2s;
}
.stats-panel .stat-item:nth-child(4) {
  animation-delay: 0.25s;
}
.stats-panel .stat-item:nth-child(5) {
  animation-delay: 0.3s;
}
.stats-panel .stat-item:nth-child(6) {
  animation-delay: 0.35s;
}
.stats-panel .stat-item:nth-child(7) {
  animation-delay: 0.4s;
}
.stats-panel .stat-item::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 4px;
  background: linear-gradient(90deg, #0078d4, #06b6d4, #6366f1);
  opacity: 0;
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  border-radius: 19.2px 19.2px 0 0;
}
.stats-panel .stat-item::after {
  content: "";
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
  background: linear-gradient(45deg, transparent 30%, rgba(255, 255, 255, 0.3) 50%, transparent 70%);
  transform: translateX(-100%) translateY(-100%) rotate(45deg);
  transition: transform 0.6s ease-out;
  pointer-events: none;
  opacity: 0;
}
.stats-panel .stat-item:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 8px 25px rgba(0, 120, 212, 0.2), 0 3px 10px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.9);
}
.stats-panel .stat-item:hover::before {
  opacity: 1;
  box-shadow: 0 2px 8px rgba(0, 120, 212, 0.3);
}
.stats-panel .stat-item:hover::after {
  opacity: 1;
  transform: translateX(100%) translateY(100%) rotate(45deg);
}
.stats-panel .stat-item.error-stat .stat-value {
  color: #ef4444;
  background: linear-gradient(135deg, #ef4444, #dc2626);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.stats-panel .stat-item.error-stat::before {
  background: linear-gradient(90deg, #ef4444, #dc2626);
}
.stats-panel .stat-item.success-stat .stat-value {
  color: #10b981;
  background: linear-gradient(135deg, #10b981, #059669);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.stats-panel .stat-item.success-stat::before {
  background: linear-gradient(90deg, #10b981, #059669);
}
.stats-panel .stat-item.warning-stat .stat-value {
  color: #f59e0b;
  background: linear-gradient(135deg, #f59e0b, #d97706);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.stats-panel .stat-item.warning-stat::before {
  background: linear-gradient(90deg, #f59e0b, #d97706);
}
.stats-panel .stat-item .stat-value {
  color: #0078d4;
  font-size: 2.2em;
  font-weight: 800;
  line-height: 1.1;
  margin-bottom: 6px;
  display: block;
  background: linear-gradient(135deg, #0078d4, #06b6d4);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-shadow: 0 2px 4px rgba(0, 120, 212, 0.1);
}
.stats-panel .stat-item .stat-value.updated {
  animation: statValuePulse 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.stats-panel .stat-item .stat-label {
  font-size: 0.9em;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 0.8px;
  line-height: 1.2;
  opacity: 0.8;
  color: rgb(55.7865168539, 76.2415730337, 109.7134831461);
}
@media (prefers-color-scheme: dark) {
  .stats-panel .stat-item .stat-label {
    color: rgb(194.45, 211.75, 229.05);
  }
}
.stats-panel .stats-footer {
  text-align: center;
  padding-top: 20px;
  border-top: 1px solid rgba(0, 120, 212, 0.12);
  margin-top: 8px;
}
.stats-panel .stats-footer .stats-summary {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  margin-bottom: 8px;
}
@media (max-width: 768px) {
  .stats-panel .stats-footer .stats-summary {
    flex-direction: column;
    gap: 4px;
  }
}
.stats-panel .stats-footer .stats-summary small {
  font-size: 0.8em;
  font-weight: 600;
  padding: 4px 8px;
  border-radius: 8px;
  background: rgba(0, 120, 212, 0.05);
  color: rgb(64.3820224719, 87.9887640449, 126.6179775281);
}
@media (prefers-color-scheme: dark) {
  .stats-panel .stats-footer .stats-summary small {
    color: rgb(176.6, 199, 221.4);
  }
}
.stats-panel .stats-footer .stats-summary small#statsSuccessRate.excellent {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
}
.stats-panel .stats-footer .stats-summary small#statsSuccessRate.good {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}
.stats-panel .stats-footer .stats-summary small#statsSuccessRate.poor {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}
.stats-panel .stats-footer .stats-summary small#statsPerformance.excellent {
  background: rgba(16, 185, 129, 0.1);
  color: #059669;
}
.stats-panel .stats-footer .stats-summary small#statsPerformance.good {
  background: rgba(245, 158, 11, 0.1);
  color: #d97706;
}
.stats-panel .stats-footer .stats-summary small#statsPerformance.poor {
  background: rgba(239, 68, 68, 0.1);
  color: #dc2626;
}
.stats-panel .stats-footer > small {
  color: rgb(72.9775280899, 99.7359550562, 143.5224719101);
  font-size: 0.85em;
  font-style: italic;
  opacity: 0.9;
}

.advanced-settings {
  border-radius: 16px;
  padding: 20px;
  margin: 24px 0;
  background: rgba(248, 249, 250, 0.5);
  border: 1px dashed #ccc;
}
@media (prefers-color-scheme: dark) {
  .advanced-settings {
    background: rgba(30, 41, 59, 0.5);
  }
}
@media (prefers-color-scheme: dark) {
  .advanced-settings {
    border: 1px dashed #64748b;
  }
}
.advanced-settings .settings-toggle {
  cursor: pointer;
  user-select: none;
  font-weight: 600;
  color: #0078d4;
  padding: 10px;
  display: block;
  position: relative;
}
.advanced-settings .settings-toggle::after {
  content: "▼";
  position: absolute;
  right: 10px;
  transition: transform 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  font-size: 0.8em;
}
.advanced-settings .settings-toggle.collapsed::after {
  transform: rotate(-90deg);
}
.advanced-settings .settings-toggle:hover {
  text-decoration: underline;
}
.advanced-settings .settings-toggle:hover::after {
  color: #005a9e;
}
.advanced-settings .settings-content {
  margin-top: 16px;
  display: block;
  opacity: 1;
  max-height: 500px;
  overflow: hidden;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.advanced-settings .settings-content.collapsed {
  opacity: 0;
  max-height: 0;
  margin-top: 0;
  padding-top: 0;
  padding-bottom: 0;
}
.advanced-settings .settings-content.expanded {
  display: block;
  opacity: 1;
  max-height: 500px;
  animation: slideIn 0.3s cubic-bezier(0.4, 0, 0.2, 1) ease-out;
}
.advanced-settings label {
  display: flex;
  align-items: center;
  cursor: pointer;
  font-weight: 500;
  margin-bottom: 8px;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .advanced-settings label {
    color: #f8fafc;
  }
}
.advanced-settings label input[type=checkbox] {
  display: none;
}
.advanced-settings label .checkmark {
  width: 20px;
  height: 20px;
  border: 2px solid rgba(0, 120, 212, 0.3);
  border-radius: 6px;
  margin-right: 12px;
  position: relative;
  transition: all 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  background: rgba(255, 255, 255, 0.9);
}
@media (prefers-color-scheme: dark) {
  .advanced-settings label .checkmark {
    background: rgba(30, 41, 59, 0.9);
  }
}
.advanced-settings label .checkmark:after {
  content: "";
  position: absolute;
  display: none;
  left: 6px;
  top: 2px;
  width: 6px;
  height: 12px;
  border: solid white;
  border-width: 0 2px 2px 0;
  transform: rotate(45deg);
}
.advanced-settings label:hover .checkmark {
  border-color: rgba(0, 120, 212, 0.6);
  transform: scale(1.05);
}
.advanced-settings label input[type=checkbox]:checked + .checkmark {
  background: linear-gradient(135deg, #0078d4, #005a9e);
  border-color: #0078d4;
}
.advanced-settings label input[type=checkbox]:checked + .checkmark:after {
  display: block;
}
.advanced-settings label input[type=checkbox]:checked:hover + .checkmark {
  background: linear-gradient(135deg, #005a9e, #0078d4);
  box-shadow: 0 4px 12px rgba(0, 120, 212, 0.3);
}
.advanced-settings small {
  display: block;
  font-size: 0.85em;
  margin-top: -4px;
  margin-bottom: 12px;
  margin-left: 32px;
  color: #666;
}
@media (prefers-color-scheme: dark) {
  .advanced-settings small {
    color: #94a3b8;
  }
}

@keyframes slideIn {
  from {
    opacity: 0;
    max-height: 0;
    transform: translateY(-10px);
  }
  to {
    opacity: 1;
    max-height: 500px;
    transform: translateY(0);
  }
}
@keyframes statsSlideIn {
  from {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0px);
  }
}
@keyframes statValuePulse {
  0% {
    transform: scale(1);
    filter: brightness(1);
  }
  25% {
    transform: scale(1.05);
    filter: brightness(1.1);
  }
  50% {
    transform: scale(1.08);
    filter: brightness(1.15);
  }
  75% {
    transform: scale(1.02);
    filter: brightness(1.05);
  }
  100% {
    transform: scale(1);
    filter: brightness(1);
  }
}
@keyframes statItemEntry {
  from {
    opacity: 0;
    transform: translateY(15px) scale(0.9);
    filter: blur(3px);
  }
  to {
    opacity: 1;
    transform: translateY(0) scale(1);
    filter: blur(0px);
  }
}
@keyframes titleGlow {
  0% {
    filter: brightness(1) saturate(1);
  }
  100% {
    filter: brightness(1.1) saturate(1.2);
  }
}
@media (max-width: 768px) {
  .container {
    min-height: calc(100vh - 20px - env(safe-area-inset-top) - env(safe-area-inset-bottom));
    display: flex;
    flex-direction: column;
    justify-content: space-between;
  }
  input,
  select,
  button {
    font-size: 16px !important;
  }
  .form-group {
    margin-bottom: 20px;
  }
}
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
  #stars,
  #stars2,
  #stars3 {
    animation: none;
  }
}
@media print {
  body {
    background: white !important;
  }
  #stars,
  #stars2,
  #stars3 {
    display: none;
  }
  .container {
    background: white;
    box-shadow: none;
    border: 1px solid #ccc;
  }
  button {
    display: none;
  }
}
::-webkit-scrollbar {
  width: 8px;
}

::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #f1f1f1;
}
@media (prefers-color-scheme: dark) {
  ::-webkit-scrollbar-track {
    background: #334155;
  }
}

::-webkit-scrollbar-thumb {
  background: linear-gradient(135deg, #0078d4, #005a9e);
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background: linear-gradient(135deg, #005a9e, #0078d4);
}

button:focus,
input:focus,
select:focus {
  outline: 2px solid #0078d4;
  outline-offset: 2px;
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading::after {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #0078d4;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.tooltip {
  position: relative;
  cursor: help;
}
.tooltip:hover::after {
  content: attr(data-tooltip);
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  background: rgba(0, 0, 0, 0.9);
  color: white;
  padding: 8px 12px;
  border-radius: 4px;
  font-size: 12px;
  white-space: nowrap;
  z-index: 1000;
  margin-bottom: 8px;
}
.tooltip:hover::before {
  content: "";
  position: absolute;
  bottom: 100%;
  left: 50%;
  transform: translateX(-50%);
  border: 4px solid transparent;
  border-top-color: rgba(0, 0, 0, 0.9);
  margin-bottom: 4px;
}
@media (max-width: 768px) {
  .tooltip:hover::after, .tooltip:hover::before {
    display: none;
  }
}

.loading-overlay {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1000;
  font-size: 1.5rem;
  flex-direction: column;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: rgba(255, 255, 255, 0.8);
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .loading-overlay {
    background-color: rgba(0, 0, 0, 0.8);
  }
}
@media (prefers-color-scheme: dark) {
  .loading-overlay {
    color: #f8fafc;
  }
}
.loading-overlay .loading-spinner {
  width: 50px;
  height: 50px;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 20px;
  border: 4px solid rgba(0, 0, 0, 0.3);
  border-top: 4px solid #1e293b;
}
@media (prefers-color-scheme: dark) {
  .loading-overlay .loading-spinner {
    border: 4px solid rgba(255, 255, 255, 0.3);
  }
}
@media (prefers-color-scheme: dark) {
  .loading-overlay .loading-spinner {
    border-top: 4px solid #f8fafc;
  }
}
.loading-overlay p {
  margin: 0;
  font-size: 1.2rem;
  margin-top: 20px;
}

.loading-overlay {
  display: flex;
  justify-content: center;
  align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  color: #f8fafc;
  z-index: 1000;
  font-size: 1.5rem;
  flex-direction: column;
}
.loading-overlay .loading-spinner {
  width: 50px;
  height: 50px;
  border: 4px solid rgba(255, 255, 255, 0.3);
  border-top: 4px solid #f8fafc;
  border-radius: 50%;
  animation: spin 1s linear infinite;
  margin-bottom: 20px;
}
.loading-overlay p {
  margin: 0;
  font-size: 1.2rem;
}

.feedback-container {
  position: fixed;
  top: 20px;
  right: 20px;
  z-index: 1000;
  max-width: 400px;
}
.feedback-container .feedback-item {
  padding: 12px 16px;
  margin-bottom: 10px;
  border-radius: 16px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.1);
  animation: fadeInSlide 0.3s ease-out;
}
.feedback-container .feedback-item.feedback-info {
  background: linear-gradient(135deg, #e3f2fd, #bbdefb);
  color: #1565c0;
  border-left: 4px solid #2196f3;
}
.feedback-container .feedback-item.feedback-success {
  background: linear-gradient(135deg, #e8f5e8, #c8e6c9);
  color: #2e7d32;
  border-left: 4px solid #4caf50;
}
.feedback-container .feedback-item.feedback-warning {
  background: linear-gradient(135deg, #fff3e0, #ffcc02);
  color: #ef6c00;
  border-left: 4px solid #ff9800;
}
.feedback-container .feedback-item.feedback-error {
  background: linear-gradient(135deg, #ffebee, #ffcdd2);
  color: #c62828;
  border-left: 4px solid #f44336;
}
.feedback-container .feedback-item button {
  background: none;
  border: none;
  color: inherit;
  font-size: 18px;
  cursor: pointer;
  padding: 0;
  margin-left: 10px;
  opacity: 0.7;
}
.feedback-container .feedback-item button:hover {
  opacity: 1;
}
@media (max-width: 768px) {
  .feedback-container {
    top: 10px;
    right: 10px;
    left: 10px;
    max-width: none;
  }
}

@keyframes fadeInSlide {
  from {
    opacity: 0;
    transform: translateX(100%);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
#progressBar {
  height: 8px;
  background-color: #0078d4;
  border-radius: 16px;
  transition: width 0.15s cubic-bezier(0.4, 0, 0.2, 1);
}

#searchCount {
  font-size: 1.2rem;
  margin-top: 8px;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  #searchCount {
    color: #f8fafc;
  }
}

.btn-primary {
  background: linear-gradient(135deg, #0078d4, rgb(0, 91.1320754717, 161));
  color: #f8fafc;
  border: none;
  border-radius: 16px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
}
.btn-primary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-primary:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 120, 212, 0.3);
  background: linear-gradient(135deg, rgb(0, 143.0943396226, 252.8), #0078d4);
}
.btn-primary:hover::before {
  left: 100%;
}
.btn-primary:active {
  transform: translateY(-1px) scale(1.01);
  transition: transform 0.1s;
}
.btn-primary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
}
.btn-primary:disabled::before {
  display: none;
}

.btn-secondary {
  background: linear-gradient(135deg, #ff9f0a, rgb(214, 130.1469387755, 0));
  color: #f8fafc;
  border: none;
  border-radius: 16px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
  display: none;
}
.btn-secondary::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-secondary:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 120, 212, 0.3);
  background: linear-gradient(135deg, rgb(255, 174.9869387755, 50.8), #ff9f0a);
}
.btn-secondary:hover::before {
  left: 100%;
}
.btn-secondary:active {
  transform: translateY(-1px) scale(1.01);
  transition: transform 0.1s;
}
.btn-secondary:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
}
.btn-secondary:disabled::before {
  display: none;
}

.btn-danger {
  background: linear-gradient(135deg, #ff4d4f, rgb(255, 26, 28.5730337079));
  color: #f8fafc;
  border: none;
  border-radius: 16px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
  display: none;
}
.btn-danger::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.btn-danger:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 120, 212, 0.3);
  background: linear-gradient(135deg, rgb(255, 117.8, 119.3415730337), #ff4d4f);
}
.btn-danger:hover::before {
  left: 100%;
}
.btn-danger:active {
  transform: translateY(-1px) scale(1.01);
  transition: transform 0.1s;
}
.btn-danger:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
}
.btn-danger:disabled::before {
  display: none;
}

.pause-resume {
  background: linear-gradient(135deg, #ff9f0a, rgb(214, 130.1469387755, 0));
  color: #f8fafc;
  border: none;
  border-radius: 16px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
}
.pause-resume::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pause-resume:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 120, 212, 0.3);
  background: linear-gradient(135deg, rgb(255, 174.9869387755, 50.8), #ff9f0a);
}
.pause-resume:hover::before {
  left: 100%;
}
.pause-resume:active {
  transform: translateY(-1px) scale(1.01);
  transition: transform 0.1s;
}
.pause-resume:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
}
.pause-resume:disabled::before {
  display: none;
}
.pause-resume.success {
  background: linear-gradient(135deg, #10c440, rgb(12.1509433962, 148.8490566038, 48.6037735849));
  color: #f8fafc;
  border: none;
  border-radius: 16px;
  padding: 14px 28px;
  font-size: 15px;
  font-weight: 600;
  cursor: pointer;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
  text-transform: uppercase;
  letter-spacing: 0.8px;
  position: relative;
  overflow: hidden;
}
.pause-resume.success::before {
  content: "";
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent);
  transition: left 0.5s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.pause-resume.success:hover {
  transform: translateY(-3px) scale(1.02);
  box-shadow: 0 12px 35px rgba(0, 0, 0, 0.15), 0 6px 15px rgba(0, 0, 0, 0.1), 0 0 30px rgba(0, 120, 212, 0.3);
  background: linear-gradient(135deg, rgb(19.079245283, 233.720754717, 76.3169811321), #10c440);
}
.pause-resume.success:hover::before {
  left: 100%;
}
.pause-resume.success:active {
  transform: translateY(-1px) scale(1.01);
  transition: transform 0.1s;
}
.pause-resume.success:disabled {
  opacity: 0.6;
  cursor: not-allowed;
  transform: none;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.06);
}
.pause-resume.success:disabled::before {
  display: none;
}

@keyframes pulse-glow {
  0%, 100% {
    box-shadow: 0 0 20px rgba(0, 120, 212, 0.3);
  }
  50% {
    box-shadow: 0 0 40px rgba(0, 120, 212, 0.6);
  }
}
.container {
  animation: containerEntry 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94) ease-out;
}

@keyframes containerEntry {
  0% {
    opacity: 0;
    transform: translateY(30px) scale(0.95);
  }
  100% {
    opacity: 1;
    transform: translateY(0) scale(1);
  }
}
input[type=number]:focus,
input[type=text]:focus,
select:focus {
  animation: focusPulse 0.4s ease-out;
}

@keyframes focusPulse {
  0% {
    box-shadow: 0 0 0 0 rgba(0, 120, 212, 0.4), 0 8px 25px rgba(0, 0, 0, 0.08), 0 3px 12px rgba(0, 0, 0, 0.04), inset 0 1px 0 rgba(255, 255, 255, 0.4);
  }
  50% {
    box-shadow: 0 0 0 8px rgba(0, 120, 212, 0.15), 0 12px 35px rgba(0, 120, 212, 0.1), 0 4px 15px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }
  100% {
    box-shadow: 0 0 0 3px rgba(0, 120, 212, 0.15), 0 12px 35px rgba(0, 120, 212, 0.1), 0 4px 15px rgba(0, 0, 0, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.5);
  }
}
@keyframes sparkleFloat {
  0% {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 0.8;
  }
  25% {
    transform: translateX(-10px) translateY(-15px) scale(1.1);
    opacity: 1;
  }
  50% {
    transform: translateX(5px) translateY(-25px) scale(0.9);
    opacity: 0.6;
  }
  75% {
    transform: translateX(15px) translateY(-10px) scale(1.05);
    opacity: 0.9;
  }
  100% {
    transform: translateX(0) translateY(0) scale(1);
    opacity: 0.8;
  }
}
h1,
.main-title {
  background: linear-gradient(90deg, #0078d4, #005a9e);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  text-shadow: 0 0 10px rgba(0, 120, 212, 0.3), 0 0 20px rgba(0, 120, 212, 0.2), 0 0 30px rgba(0, 120, 212, 0.1);
}

@media (pointer: fine) {
  body::after:hover {
    animation-duration: 15s;
    opacity: 1;
  }
}

@media (pointer: fine) {
  button:hover,
  input:hover,
  select:hover {
    transform: translateY(-2px) scale(1.02);
    filter: saturate(1.2) brightness(1.1);
  }
}

.loading {
  display: flex;
  justify-content: center;
  align-items: center;
}
.loading::after {
  content: "";
  width: 20px;
  height: 20px;
  border: 2px solid #f3f3f3;
  border-top: 2px solid #0078d4;
  border-radius: 50%;
  animation: spin 1s linear infinite;
}

.container::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  padding: 2px;
  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask-composite: xor;
  -webkit-mask-composite: xor;
  pointer-events: none;
  opacity: 0.3;
}
@media (pointer: fine) {
  .container:hover {
    transform: translateY(-5px) rotateX(2deg) rotateY(1deg);
    transform-style: preserve-3d;
    perspective: 1000px;
  }
}

.browser-info {
  background: rgba(255, 255, 255, 0.1);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 12px;
  padding: 12px 16px;
  margin: 16px 0;
  text-align: center;
  font-size: 14px;
  color: #1e293b;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}
.browser-info.browser-firefox {
  border-color: rgba(255, 149, 0, 0.4);
  background: rgba(255, 149, 0, 0.1);
}
.browser-info.browser-chrome {
  border-color: rgba(66, 133, 244, 0.4);
  background: rgba(66, 133, 244, 0.1);
}
.browser-info.browser-edge {
  border-color: rgba(0, 120, 212, 0.4);
  background: rgba(0, 120, 212, 0.1);
}
.browser-info.browser-safari {
  border-color: rgba(0, 122, 255, 0.4);
  background: rgba(0, 122, 255, 0.1);
}
.browser-info #browserIcon {
  font-size: 18px;
  margin-right: 4px;
}
.browser-info #browserText {
  font-weight: 500;
}
@media (max-width: 768px) {
  .browser-info {
    padding: 10px 12px;
    font-size: 13px;
    margin: 12px 0;
  }
  .browser-info #browserIcon {
    font-size: 16px;
  }
}

.loading-overlay {
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12);
  background-color: rgba(255, 255, 255, 0.92);
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .loading-overlay {
    background-color: rgba(16, 23, 42, 0.96);
  }
}
@media (prefers-color-scheme: dark) {
  .loading-overlay {
    color: #f8fafc;
  }
}
.loading-overlay .loading-spinner {
  border: 4px solid rgba(0, 0, 0, 0.12);
  border-top: 4px solid #0078d4;
}
@media (prefers-color-scheme: dark) {
  .loading-overlay .loading-spinner {
    border: 4px solid rgba(255, 255, 255, 0.12);
  }
}
@media (prefers-color-scheme: dark) {
  .loading-overlay .loading-spinner {
    border-top: 4px solid #06b6d4;
  }
}

.stats-panel,
.container,
.advanced-settings {
  background: linear-gradient(135deg, #fff 80%, #f8fafc 100%);
  box-shadow: 0 8px 32px rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
  .stats-panel,
  .container,
  .advanced-settings {
    background: linear-gradient(135deg, #1e293b 80%, #0f172a 100%);
  }
}
@media (prefers-color-scheme: dark) {
  .stats-panel,
  .container,
  .advanced-settings {
    box-shadow: 0 8px 32px rgba(0, 0, 0, 0.32);
  }
}

input[type=number],
input[type=text],
select {
  background: rgba(255, 255, 255, 0.98);
  border: 1.5px solid #e2e8f0;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text],
  select {
    background: rgba(30, 41, 59, 0.98);
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text],
  select {
    border: 1.5px solid #334155;
  }
}
@media (prefers-color-scheme: dark) {
  input[type=number],
  input[type=text],
  select {
    color: #f8fafc;
  }
}

.feedback {
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .feedback {
    color: #f8fafc;
  }
}
.feedback.info, .feedback.success, .feedback.warning, .feedback.error {
  border: 1.5px solid #e2e8f0;
  background: linear-gradient(135deg, #f8fafc 80%, #fff 100%);
}
@media (prefers-color-scheme: dark) {
  .feedback.info, .feedback.success, .feedback.warning, .feedback.error {
    border: 1.5px solid #334155;
  }
}
@media (prefers-color-scheme: dark) {
  .feedback.info, .feedback.success, .feedback.warning, .feedback.error {
    background: linear-gradient(135deg, #1e293b 80%, #0f172a 100%);
  }
}

.app-footer {
  background: linear-gradient(135deg, #f8fafc 80%, #fff 100%);
}
@media (prefers-color-scheme: dark) {
  .app-footer {
    background: linear-gradient(135deg, #1e293b 80%, #0f172a 100%);
  }
}
.app-footer .footer-text {
  color: rgb(38.595505618, 52.7471910112, 75.904494382);
}
@media (prefers-color-scheme: dark) {
  .app-footer .footer-text {
    color: rgb(230.15, 237.25, 244.35);
  }
}
.app-footer .footer-link {
  color: #0078d4;
}
@media (prefers-color-scheme: dark) {
  .app-footer .footer-link {
    color: #06b6d4;
  }
}

.glassmorphism,
.glassmorphism-enhanced {
  background: linear-gradient(135deg, rgba(255, 255, 255, 0.18), rgba(255, 255, 255, 0.08));
  /* ... existing variables and mixins ... */
}
@media (prefers-color-scheme: dark) {
  .glassmorphism,
  .glassmorphism-enhanced {
    background: linear-gradient(135deg, rgba(30, 41, 59, 0.18), rgba(30, 41, 59, 0.08));
  }
}
.glassmorphism body,
.glassmorphism-enhanced body {
  margin: 0;
  padding: 25px;
  min-height: 100vh;
  position: relative;
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .glassmorphism body,
  .glassmorphism-enhanced body {
    color: #f8fafc;
  }
}
@media (max-width: 768px) {
  .glassmorphism body,
  .glassmorphism-enhanced body {
    padding: 10px;
    padding-top: calc(10px + env(safe-area-inset-top));
    padding-bottom: calc(10px + env(safe-area-inset-bottom));
  }
}
.glassmorphism .container,
.glassmorphism-enhanced .container {
  max-width: 900px;
  margin: 30px auto;
  border-radius: 24px;
  padding: 60px 70px;
  position: relative;
  z-index: 10;
  overflow: hidden;
  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.12), 0 8px 30px rgba(0, 0, 0, 0.08);
  background: rgba(255, 255, 255, 0.92);
  border: 1px solid rgba(0, 0, 0, 0.08);
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .container,
  .glassmorphism-enhanced .container {
    background: rgba(30, 41, 59, 0.92);
  }
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .container,
  .glassmorphism-enhanced .container {
    border: 1px solid rgba(255, 255, 255, 0.08);
  }
}
.glassmorphism .container:hover,
.glassmorphism-enhanced .container:hover {
  transform: translateY(-5px);
  box-shadow: 0 30px 80px rgba(0, 0, 0, 0.15), 0 12px 40px rgba(0, 0, 0, 0.12);
}
@media (max-width: 768px) {
  .glassmorphism .container,
  .glassmorphism-enhanced .container {
    padding: 30px 24px;
  }
}
.glassmorphism .feedback.info,
.glassmorphism-enhanced .feedback.info {
  background: rgba(227, 242, 253, 0.9);
  color: #1565c0;
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.info,
  .glassmorphism-enhanced .feedback.info {
    background: rgba(33, 150, 243, 0.15);
  }
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.info,
  .glassmorphism-enhanced .feedback.info {
    color: #90caf9;
  }
}
.glassmorphism .feedback.success,
.glassmorphism-enhanced .feedback.success {
  background: rgba(232, 245, 232, 0.9);
  color: #2e7d32;
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.success,
  .glassmorphism-enhanced .feedback.success {
    background: rgba(76, 175, 80, 0.15);
  }
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.success,
  .glassmorphism-enhanced .feedback.success {
    color: #a5d6a7;
  }
}
.glassmorphism .feedback.warning,
.glassmorphism-enhanced .feedback.warning {
  background: rgba(255, 243, 224, 0.9);
  color: #ef6c00;
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.warning,
  .glassmorphism-enhanced .feedback.warning {
    background: rgba(255, 152, 0, 0.15);
  }
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.warning,
  .glassmorphism-enhanced .feedback.warning {
    color: #ffcc80;
  }
}
.glassmorphism .feedback.error,
.glassmorphism-enhanced .feedback.error {
  background: rgba(255, 235, 238, 0.9);
  color: #c62828;
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.error,
  .glassmorphism-enhanced .feedback.error {
    background: rgba(244, 67, 54, 0.15);
  }
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .feedback.error,
  .glassmorphism-enhanced .feedback.error {
    color: #ef9a9a;
  }
}
.glassmorphism .stats-panel .stat-label,
.glassmorphism-enhanced .stats-panel .stat-label {
  color: rgba(30, 41, 59, 0.8);
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .stats-panel .stat-label,
  .glassmorphism-enhanced .stats-panel .stat-label {
    color: rgba(248, 250, 252, 0.8);
  }
}
.glassmorphism .stats-panel .stats-footer small,
.glassmorphism-enhanced .stats-panel .stats-footer small {
  color: rgba(30, 41, 59, 0.7);
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .stats-panel .stats-footer small,
  .glassmorphism-enhanced .stats-panel .stats-footer small {
    color: rgba(248, 250, 252, 0.7);
  }
}
.glassmorphism input[type=number]::placeholder,
.glassmorphism input[type=text]::placeholder,
.glassmorphism select::placeholder,
.glassmorphism-enhanced input[type=number]::placeholder,
.glassmorphism-enhanced input[type=text]::placeholder,
.glassmorphism-enhanced select::placeholder {
  color: rgba(30, 41, 59, 0.5);
}
@media (prefers-color-scheme: dark) {
  .glassmorphism input[type=number]::placeholder,
  .glassmorphism input[type=text]::placeholder,
  .glassmorphism select::placeholder,
  .glassmorphism-enhanced input[type=number]::placeholder,
  .glassmorphism-enhanced input[type=text]::placeholder,
  .glassmorphism-enhanced select::placeholder {
    color: rgba(248, 250, 252, 0.5);
  }
}
.glassmorphism .advanced-settings,
.glassmorphism-enhanced .advanced-settings {
  background: rgba(248, 249, 250, 0.7);
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .advanced-settings,
  .glassmorphism-enhanced .advanced-settings {
    background: rgba(30, 41, 59, 0.3);
  }
}
.glassmorphism .browser-info,
.glassmorphism-enhanced .browser-info {
  background: rgba(255, 255, 255, 0.15);
  color: #1e293b;
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .browser-info,
  .glassmorphism-enhanced .browser-info {
    background: rgba(30, 41, 59, 0.15);
  }
}
@media (prefers-color-scheme: dark) {
  .glassmorphism .browser-info,
  .glassmorphism-enhanced .browser-info {
    color: #f8fafc;
  }
}

/*# sourceMappingURL=consolidated.css.map */