/* AutoVanID · all styles of the website, forms and dashboards. Each page sets ; rules are scoped to the page they belong to. */ @font-face{font-family:"AVID Mark";src:url(AVIDMark-Regular.woff2) format("woff2"),url(AVIDMark-Regular.ttf) format("truetype");font-display:swap} @font-face{font-family:"AVID Mark";src:url(data:font/woff2;base64,d09GMgABAAAAAAc4AAoAAAAAEAAAAAbvAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAABmAAbAqSUI0jATYCJANWC1IABCAFhxwHchtMDKOilGr2AP9MsInMa8EKvhZjLESby+33EP2Y/XKNBf54BJZ+wrP+NVkIs0iXyZKzRjoHplROVk9s8iH1g7LSVvYIrvZnpCeKDQvl8IGD9EDSLBh4XXWpieL7296bCJI8aDyhhALAzBP8xIyDwCTBAdkuov9x7Vd34NEk2fBkoVDTbnf+viriniDSCIlINfEQLURC02u0NewF2huwAaf+G/lVgB6edvD8oNwrQAHQDRfDT28HAKDj6aB1C+jLB1BW6hsZAFmbAkADiENT8CF+yENiRKFRkEKsOlP36OwY5mkojyyFvwOw5nMfe91L//+H//m6EQDqxCzRQzbzG7D/AVRJLQLCWpPBZsZrbOlI2N/kQds7J5XbPTrZtUf71fFBVQEpVixqxIudxeIwNw18EsLuPi9X8HYWuxJ3LqsgB8eRxUf3NfqwzSZxoa4l/WALJ5OlkCAGEptIxdQN5B++I4LbOtBMhesK54xUYow6/cepBpKmi0g6ixEwXr0GE6uQphrCVEYETFXBSSq5rbnsqmnIon5vP4N7nphEGUyx6QT9RCoZy4y6QbLormteYiWbwcqFLEpEm7rkPWimqhfSGYEmzWl6fsybdXp6KcvVzIa9Snb8MUGobC3ZdXHwA1oBI8dWaB6XhEmfwp7U6qeYTQqfnKgtc0BE8BE8kS2G58F2pcQk65OLFyNWHFs2W3aCQOKZ4paqrj+qtHWlf0gDah6TYZvus3wSFxGmElNWB5Dk4B+W1Juzcc9FA9sH2i112BENRaeS+h3qZQtzk2rPimbbVdctj/pTM+TtyRaBeoor9JKbF9J/7LixherFHSi3V+L4kW5kmOQK74Vlt0per84l8tjzPU0jPagNvEM/YDZst8ffBor4FRHo0R7yH/K9hiUdS2CnJIqvEnS/8CWv96V1lreyNmBsx/hZhKOvklfhJzvZ8tLZc0sfebR58cTEI1sgsPNyvzJ1gMzweKIPS59gNsbWw57VrhVe2Pm8KH4sihwJwXg/xrt7rnyNyLjHk9qw4Q4I/9OPdJ6YRqblR0YuIU/++k+18FXY+agovmWFtm4XctnrdZwhA6fh0Uev/GcaQKtSiD0ezLV4csQdE6BsIdq63LKKPvhGJDp9+sxhmVoyRfXjp27yIqO9XG+lOhqWPrvBYDySemzYMDYy3eut6aX8nLzdR0f4Cb71Ut+l5LHluNUOZD0ttoOw4KVAVSGBNykTmN/KiIfW7rKGbYNXNpJKAlNn+P7End7WL1kyvmb79szzLeFa7B/HpCtUYRe5IdjV3P3jLsaL2HisF3U+JoqcrNrou7lBvPlGmSAoleVKFstiJ2CWch3Jr65LQJA4qOFUQthNnV1AKgPfADkjnyEDPiixlBN5WGdknbJoF/nuryq1TMr/MKBcdnhPWBC2gPSQVnBN+IzUN18+UszZ7wiBp5kXv35xJvPb6ydHcV+g7fFKQ0sYECSiHiBnQPrvfyJ3bPXhPTpk8v9CCaTPPidylz/ngfekwDTZDqa3Sbuhx/LN9YFvZxBZ1XkTYyPGN0HoVG+yI/fpXPMHojX4x570u2Te2FE9c8F8427iV0pQ7kx3+Wih+mn1R8uC/QxZAIiX9+zgmNthi/eEQOGcmqjPkTMgiF0ku22QfdJ1hrhrG/On5K/+GrMskZeHb3oathbuLsyX25/PJgRYIIWdega/hq+ZzQqMmKDjSjIMLVke5vT0kt6zDUpQbgoCFrrDToEjZ2rYYk4PSKNYn+m6r6doVmTjn1UkS38DwFf/jj98dbtHQJ0jA9AoS/4frZF6NVDj8P8CVbrWXLXWeGo8+RFTOeyC0QMXKzFfFv8JKChTjI/EywAZKwRjMCUQh2kJqrCfaP3YX7jpOEAUAw4WbOHBIfRWsRRbMAD0+U7GCjFVYkpEXZhW3AT2k90K7C+lUzgASsbBYvqgOsSr/fTU7lp+jrW34xEXL9879BA9vc5Ir9nR60L0axcIb/tIy+ioZVMhW8aVIklTiybhjiBOY1g7Kbg8qKXarsANf+BuIxBt2VWhZz+VV7jzb5grfeJXCRF+jWK1C5WydV8Ah7uJyb319AkBE7nZ8Oaw6tUBEUZw5XgLhGeGkJUtS6vhNIc53m0hO6NVBN6L8T72HjSHk8kYDR2RGQQdaR6LTS1ZZTileAR/Y6EMfGtmdjGwsUL2o481Uq9h0M/C2pgZWGn6mxbRsnEyZnBpe1mWqGQXr4bMc+oZbMCciZRWTcPKDdo6mCPT+GJUmJtDXLimHQx0DFDjgpReXQZk0dJsoWLIk3ZBRJgfYwHc9DgU9DL5AGix4sRLkChJshSp0kQJl4uhlKf5egUKFSnG4pQoVaZchUpVqtWoVadeg0ZN) format("woff2");font-display:block} @page avcert { size:A4 portrait; margin:0; } @font-face{font-family:"RefPlex";src:url(data:font/woff2;base64,d09GMgABAAAAABBwABIAAAAALsgAABAUAAIAxAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbIBxyBmAWlzoAZAhECYJzERAKtDSuewE2AiQDTAtMAAQgBYJmByAMg1gbiyolY9wN36xBqjyichNF/P/HA3UMHx1U22bBJgILpqhuFQYx5JDajCp1utDV3fvqXNPmeUWol1dorv9pL5llE8vj9qLyO0ywArP0utUuxNr/7GNx/gWItex36hi8x/AJD4PJzhIuuBsvnRGSzPpf7/bfr93pkKQjdAIneAh2RLmiTsGYCHfkCfPMJDCiX+aaATw1A7N7YO10KuDszWAeFAme1l5nL0QbzZ5WxTGUUQbQmLIw1dVVvRoXkjHy67yJe39/njcFszjClLpA3xwzACavrRRGthvCCPujRZ9KKPMemXDNUsj0CC+A/4F5ltIHsQUQ56C77xqE8uC8nufDCC3JI3MLJVzEULd1vk5Uf7ZXY3/SBfma1Fdz17l4smMKX2FwCok3hSiujKcGJJ1fp0JbQ01h/Si1QAEM4Jod6fPiiwd4IHr//5yvzb1pfrtx/me3nIz15tv8z3pgJ/TUyyslfU1h3E8MO55JSIKO2BIaQW5uQk/YWTElNx1j6Eoxny8vDLgOaTY6Va4ESOX1j0AACwAADCEqQgChKEDLq9uPBeMAxAEAqLKbtJ7f6+Gfzj3ZE7536NmB8Ooj2/2WfT443Nf74Hz/RDiAEIAATEJasacjacJ58cjevpcE8Gqf6rkAYF/KAsCW9wF6Ky1N6QYzNUNlCn7vAmT3o02LO6N0ndB+zenz14AnSlUrsGY2eCCkIAxLEvio1/K8DxsDnRGfwYpXcBRMybDue2wybodnXpKoS0rjGsKTcYofZ1qWIXn7CnFkFMkqZW6WVz64t8LYt6qxnYVAjbK6Q41YK4aHVaOx1A4ndYh0CrAzJJDImDoRGsokM+eOgkcKVuJBS90oe4tT7Y1dMDM62fvsoDhdXbvmpns8vNvp8/JvNpgHJ+QLXd9YPFW9OD4CPxHAAPiHIBA4cH0ECoUPGeLL1cOjpgL6LWKAhLvKeKAQQq1LI6KTu0F9mrZoD5ueDi7r4x773ee4BStCTkdc15g3E1K+nvFfcgoBl8LnSiRrN6KnVtydxKGXYpDuI3R278Gbs6+w85cy4GB5G6o4XN1EakSbPdZax0loO6mzSullmoyBs4bLnFHm3yuYLIqm85JZoWxOxbJXrWc16jZu2E2b9tly23HSccquey7jvisDNw/d9UQEIACRQwgTIXwLECxA8RcM5eMECBIk2RQlPJpqhhYuS4djmGd2BDYixxK3LfNQBKGWpYnQxd2QNE0smW1Fw1GGW7qgQlRb0tRkPYoB1RhaqboJg99NUcXCFndHUnbxpPf7imKgLIWlxEhFrHGiK6R6MkPPjfmC0uTKkqtt2bzX2rOdI9M7weCajp705I2cvfikVl82f/b2gZ9EceIpzE9T4tgzOM9S+3O0OPI8L9D9IiMOvcTkZZZf4cSBVyV5jYzXy/cGz29KxZ63pHnbkN/hx867Mrwn6/flYusDBT5U5CMlf6wcG58I89O3PlOJtc/VYiVOdfw/Nq3fBzCAAkgfI+3hdpYkKdN+bWiR1fSsnLwRCDWVP5VHUw8xmCADRh4vN2Mzt0KQTdLNslO+bUatVarbZQArqJU2CUzHD9jBnbpCxWFVA+7Zl1kDTG5FMO4//0v0NV5TLOrL2qE+g/Lu7USEZuRE5aNBh9gBxhEiyk8YhVMNpVF31oJ8BjbdR5dK78s9eOOo+i7x8H2HFNhjn9m2ZRwr0fnU6QGMJMGheK55I8nGF4T/qrX+XxIqn+M9KMMb21p0tRMrFR1mKnHdxuI67TAgiUSwqprz+zRhgxZM0OrVgbS9aCtrMfb1niK/5ehKacdrUO0qcd02Q4KwcnMCtKnSKEndzVKtC09nTTTSw6HDUEkYfL63ogRpn1/iAVHoBEmNPwkAGgBgMwBLgD8HqJ8BAAAd7F4ACsIQ+mBQYWy/c5j6AeF1CkvKMSEdxwoXmnwidIyqqYUnGQvNYMJS8bl8Iv5lDu76WqN7s9bRd/e786bT6ny9g2hvKQT2P4Yzk6kIsiEqE4d+uX8tTHtbh3VF++uVdB/aoRG9Cuh+uv+QfEVn79VLq+lMTeOpTnchcWtdUKNL11S7r1qS9QOSFh1tkY3PNuqAXQjurSI0GDoIdohmUasNg7yyz6LOHbW5qlER355/+DyG96KHBgtbvY6+4rKfy1ZqGO3V+0/D2a6PPScIkK+9/6xK7h7duWvGO2uvgo6fX5BNFh1tMhOd+Ggq4myrZf4Y370d3mHWJN+ZuXbn1j2N4cCE0kaSCS0xb40NhkO5VqdZOygacSeg+wYPFmDW9/qQaaSb39kzwbO71SG0nYgoWF3Gmkgk6wY1f8ZfdpwI7XWXKCWY2DIIFvW8bq5hPYcBwl1hGvcPf007CEit2TARmft3VlfloKZAdHv26tXbAcJNVuwgbAXRfXTvXOyOmTtp9ZMvhQoaXrh+lRC9ffXp3S2fBBQm0P0VCeqY6ELmOSRaxm6bEBDejiCuHeaPZdpTmtBwr0Yf3j9i3ntvcWj2tQv8jlIFoHssozELz8WNSCP6neazt95QzygnemwmuhXLI9cfKPszrvJVxAQeB1IHMdoZOaxZwUnvpNChCnnJOjS5ORFFKX9ocsHPZN35+dNxuW5RijYr4PWN23WMeI3SEMcOe+agBcU8LLc4Mf/a7iZEZGPZRMh5+sTtuXO//T5sz5swRjq49nCODEENbbtRwzox66lGdO1dvXoLM7wU/+t6a+NUk1dYpNGUoLf5+XOoxIP7XSSutdjLvTSB6Ouc8V9f2gQeIu2l+vye0jpHI19ksm8wk6DaTMrPH24M20/CeRYu1iZPyUbnUX6cvt+tHSfcP33fW0fv8Vy/WJdSiLQju09XumuP1P6c9sNX13b/i99Ayg68afRpu2rN2ZM7flaGkN6c98Q1F0MWZujs03mJs2+pGV/4tfPOojDJg9oWbGHSY7VsmSw1Y3prhrPPz39+OaxNfH12U0uf3jJGnfraun5MKC36fXU1DevWhvz3+dx+57YSWUSjCsqOF/HM4ZuvCT5k80gVJBLJhNzg5jqeTFMxMmu4sjr+0K9vyzwqc7jrzYPb9IPVDSv7vtT/y+jflifNCdPDXQIBDlbIsvFSril88jU/3m7efCj59tJSiSw5eMFniyezfY9zcl/8JcwClx1Ekmtw+VIjc8jGyoHwmX+9krtT5+R4t9ZM3lKOwTGMCcVoKw/CwwppJi6lUHRvsbX4tSWL/pYX9/jBv/+x+1H3lNevnPbmhg10cPnBKDmE1TPUJucDffdKq5iCVuyHY5KTL23/G6CIyR2O4CfdATUjjIT+jrJQ4oLUJzNpzpWlS6800+wni5clTpx0Jr6xYMGECWfym2dTN0c1Z2tZmmaUM4ct/yecvUuCbHf4RL5O6XU6Nl2nWhzO7tpUzMjhNaSR4WbVcqvfXmGIq1/+rX53rUw7u3P06NHzPH3N0q/7/3VDmePH6Rk/95J09tSZq2Ns0u+3B0tlybSIR3/fnrl7hRRsJD/x5Uff+zW1JKAEpdPxqBRMwhKpO5d+ZvIvm/tdxBapOVTMsJv809+tTemhDNGqH6uHnsx5YGohU2ZqHhNwwBUl1HzhyZe/8JvkfPxaX/X7mfSBDWuDrGtP2R+Cj1d//9VgfZkzV6usZuTL1DoRPlNw86JTVEyXeZ6tuo7EWN6cq5fvjOv5ItMr5mdlhP+jTnpbuULZDaw5BWyvoOdLNUIabuoL/r//Dsifli79NBJAy/kL362Ou9pLTma/6+nud7No5+redzNfz/2O2ZH6XQ5aCof63ZkHjnPllwaxRfurO2/B+b48mB5AtYIkmeoUDEhEmgIBKRNg7rueltEDds7BjZG9ejzBgGfYSL+3KOLlCF28fariRQTrntfAzEAfEMzuq0N3oUteuY8CuzHQABRQAo3y8nlZ05C3QEI90OR2ibHYLnxUrVWECUBqlPoPjH+4jH5Rg3LEuECTgFAlLyLDRTEdgchLEEYuoA1DY8YxnZQ0r0HakbfsKMAOJ0fCXcihNE0PSVYJ9IwVgpkzkolsdUqjyOmUOlGnOXKPmTRFCd6ntYADyNQMBDJJvKygrFLsgELHCy1CgaYAe/MfDVpjleKONNAbPQIopzxuVtSTrvv1LKMSWCiSoA9SGY1mFlIudExNJ0UgCzBlRUoAKSbUNSUClROlhRahorSW2MCG6vfmpm86MJ/UQL7F/LJKdTChkwkxNsTYfFXHN6mSB0nnF8h5C8yvaeS+6f4ncUnynEZ4jjgXowIGhtpqVVT6LD79iZGh5tt7I/VwYt2EyVRxzHoMPZMHYzzJdZ4xvf7ldd0LMEqBy8K0GRA7Iex7LESXRwiAEearZVfI3+SW9VnrDGKKoAIqz2QOYIwjScByK3Ii1VFibqI7HRcVXH6BPGYBVI2VvqZa0jWNEQPz7glOqPpVfmxVLFgXUEUVBlkFql1VWPpc0qEAI0Rki2vEsJIzRn0blpjzmEgkwfm0uyDXsgEpmkRUAiz5ElXBJWKyhoeKwiTM4JmsYIRFycAdQTKtT0quQHl4TYElbwmdzwdwJyTiyjuaR9RxPaf6SxPiIF0dg+kEPIBGZwExoNHxn9Vne2PBxAi8pk6y8f3KMAXFbKMytcIMlTiFYA6uxDgUdToHLOio4O2pgYrqXDf8RGIKUp7CBC4CBZdLidM4lPk8hzYlGn5TS0Bd46gipYupG33DJy9O57OSusZWIimbTBvByM3c7QZ9naMn4Y0+hRFY1HwLjHz/No+inRTbGO3Vom3Uc8FWyzaYoWGJeTPEEFIHROzc6/02G2dt54jv04HhYAA0QGlEK0xJnE8bjTGrmE2CXCdASjELMvWhmE19qZhNdTlRXxyaGVoS58oceFKt4SfytxVoUqKYtZHr2KcrZm0kF+2M251i1kau/1H28H0OKmsGlL4gCMDcdP/enrOS0+/VUF4E4LEpMQDwxBfFO++OqLrkbAAMDAAQ/ONWkD0P4LxdAPLQyPlSYOxkQVDTVDdqWlnRHNMWGDfmF357w6/q/8Hv/c3vjKHVrwogQCN9iHHHCkQAQACj/AEKAmj2k4RmAzCAfR6ZXLSEcXxhiWKx74zn1ZaofLe/zoRRz2aNKtVa1CpRpFg9jNmaZlkgtImCGWav1/avZQmtUq4cxojVKfQCFQr0RsnLxzIP7VRO6s3GittUqVSl74FUoYSiolw+h9y/SINyOWrxTJtjCYjzgwvMvVNmgqeqVp2SSgamjArAZj+PjYt/2QcAEiaCCQPExsZIT3AwcG2YCXVFaRZAHyNXTxpXU5C6C65FlphrQolXL4tZJTE5ckXFfFNqQrIjdww3JXJ3SIVqK1lozqi8VCQsNSsop8iVhpq6QEYMIU1161BUonJIjmGBO0GGhDJRk+Yw5FqmnlOlkRpeXcuyi5JAXXrF7DRyqrL7q2JAMmhjEfyhjury0+hMFVYIK4VTJvyiCpw7RZA5K/imQqRDhJ8LvxDuiDpZ9MJDxHKnmOTOhZP5nztVnjM=) format("woff2")} @font-face{font-family:"RefJB";src:url(data:font/woff2;base64,d09GMgABAAAAAAW0ABAAAAAACtgAAAVYAAI2BAAAAAAAAAAAAAAAAAAAAAAAAAAAGhYbIBwqBmA/U1RBVEwAZBEICoo8iEoBNgIkAyQLJAAEIAWEJgcgDAcbrAijonYwShIEf31gjuHMQPsLwUI8EaRgPMwQi0rIWpwXMxT84vZ/8uht5UDhlt0JvQ33Iyj2e927BwEEISMZ5FcBlRQ8jUdZoeprAZUgi6qu+s+/nfVXrgAPkwmoJUK/7ElqUQmsoPKs0ZgmLV8KOGASfg6AhMR/+xV6xs1NojDjBviHh52m0PK9GkubS+tWahXwULnzbL8qEv5+bFbEG5GmXhoxfvQbZq8hnmwJSRO9zq3E3apK0kSI5EndrdEW2vJCSrOYzqiBH/JAZOywdFECnYAUQiUE2k2qkrS9qzCATCU0/wPAHCxrkXyw/PvXARcogYVOK7ORJ1TkC0UdcDRcHxfQ4ABJm4t/uPVwEwCvMKun+PPvAWyFpA5Uk8v5LD5b8nCrxGAjWBx7cDMVSAL8AfMrkwqE0qhkiDq/kA0g/4FCyOgtQZi8iIkaHqM61TntZXhK4p+g4pFS0+tpBmbBhuX2IuvKEC4Qwp/nG1Wf6+cBI0C8Jlc/rwmFBn2DCszwZE9LYMvpTCk3bOxpGTV3ZLrrMunmlv5yxVUjHD6NH5SQNYP20V+L1o8TFTVmYRHhMMQ3o14//qinkZ6uwTTap8ORM8dqXXKMAWNuzSvcZVYNXbHg+uxqwqMTzzPM4iQbvGc9VHobqgUuZ3X5CtcVE8T1FxHO208U1OVXViITHcF8wrdi6ym7K6wRJZSyzIy2OoGoSHNNj9tFG1KDbY9lVjTgpR+/UNgpr+ltbVSPpAtmWxZ9dCOAo64NXxXfcWmsrz/PHPHD+drXSJdw0V9+anCu7bqDsGAzO7GxlWgxy///6uZk3XOkXSxrRlI5uhZYTWVT+6dQqWfSSnzEsK+EdXwMndvVNQcdAz2uNf/WuPYKp4F20QROHuKxeB06QSQelyq5bMH4J3BiZIyFkzCMhLMwEeiUOxFaX36ik4NSyGc7GvdH9UXGwj6vlkX0TiAiW9wBehPtHgzpb2uaazMVmwp7PXoWfcCOAXW44WtV4GC48SsSAO3iSRJlmEfjNaiZEUsmmkmRHX+O0tDn+DaMXa0UVlVh1/8ACRhcp/6eWjb3QGStY5MLqKPvP3zvVLVhEZh0gpwAQtqYnZAIxzGin8sXTMslG9aiXtAgnsKo/ZxpZD6Oh2EqEsJ13p1rS+0bvTdPtDgS3mEqh9pvxcD8VcJjJWuWdhxturkvsRe0jUfH0kwJkgTCTYgYNeA1T4/HUldt8TYm3a980iXBWRYw4hgWj8a8oF3qYjBcUrzO+/ZI0ZLHej2LX91GNxLQKF/MsDpoMivBF1HpPSVEBZ36lsGWjPGPtsSrD6F/o9olVpjazeBJ+yU1bhRe1NCq6eoabq3fBLlQVZ1wgNM3bXPY8Eud9ds5ITK/WmRhUUjGMUgoHIHIRgpbaOZXhwn2tvrOy+BgESqa6VUSxpSTJpU7GQynDBvT6ftBXXo4lziR2/wAQCBXSsFP4arBAsb/VErxF/hxz+b2Fc/6J+N/daS3+IhqyTv8e01lA1L8K+4jyeUvimzoodRDgkpNQI+OjkuEwMBBAAJ9VqHVG9SxeJESOrxQTEfZhi8wmsKkE6bU6qupsOKNqbQcRabKeDCMtcUwuQSd8XhLHS8dPWbpk/l6ZcdLW9w8onysJk0JqIGCWahhMAjHqWyHAB5sO8zKxQ9KboXQDRq+gdpQPhoHuIINnTJxnwdvif9QgIcfDQQyyQp+T9CILqPcnKBkq5pw+r23Fkd5rK3DGFQXRYbDpZPhoUdOdHqv49kYFpoQKPSr3Vw45fpTCcz466mUhWGO1neUjpvT8NJSgOY4FBAugx/4f95SlwEAAAA=) format("woff2")} /* ===== site ===== */ html[data-page~="site"]{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)} html[data-page~="site"]{scroll-padding-top:env(safe-area-inset-top,0px)} html[data-page~="site"] body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000} html[data-page~="site"] img{max-width:100%} html[data-page~="site"] [hidden]:not([hidden=until-found i]){display:none!important} /* ===== site ===== */ html[data-page~="site"] .clist .cl{display:block;font-size:var(--fs-caption);color:var(--muted);font-weight:600;line-height:1.4} html[data-page~="site"] .clist a.v{color:inherit} /* ===== site ===== */ html[data-page~="site"] .steps .n3d{background:var(--green-ink)!important} html[data-page~="site"] .vt-tags span{font-size:12.5px!important} html[data-page~="site"] .n3d{text-shadow:0 1px 2px rgba(0,0,0,.35)} /* ===== site ===== */ html[data-page~="site"] .field .hint.ok{color:var(--green-ink);font-weight:600} /* ===== site ===== */ html[data-page~="site"] .hero.hero2{ position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line); background: radial-gradient(60% 70% at 80% 38%,rgb(56 192 55/.16) 0%,rgb(56 192 55/0) 70%), radial-gradient(40% 50% at 0% 100%,rgb(56 192 55/.10) 0%,rgb(56 192 55/0) 70%), linear-gradient(180deg,#f2fbf4 0%,#f8fdf9 60%,#ffffff 100%); } html[data-page~="site"] .hero.hero2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background-image:linear-gradient(rgb(31 138 39/.06) 1px,transparent 1px),linear-gradient(90deg,rgb(31 138 39/.06) 1px,transparent 1px); background-size:56px 56px;background-position:-1px -1px; -webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 70%);mask-image:linear-gradient(100deg,transparent 30%,#000 70%)} html[data-page~="site"] .hero.hero2 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);padding-block:clamp(44px,6vw,84px) clamp(28px,4vw,48px)} html[data-page~="site"] .hero.hero2 h1{font-size:clamp(2.6rem,1.9rem + 2.6vw,4.1rem);line-height:1.1;letter-spacing:-.02em;margin-top:22px;text-wrap:balance} html[data-page~="site"] .hero.hero2 h1 .hl{color:inherit;white-space:normal} html[data-page~="site"] .hero.hero2 h1 .hl::after{display:none} html[data-page~="site"] .hero.hero2 .lede{max-width:40ch;margin-top:16px} html[data-page~="site"] .hero.hero2 .trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--body)} html[data-page~="site"] .hero.hero2 .trust li{display:inline-flex;align-items:center;gap:8px} html[data-page~="site"] .hero.hero2 .trust svg{width:17px;height:17px;color:var(--green-ink);flex:none} html[data-page~="site"] .hero-art{position:relative;width:100%;max-width:640px;justify-self:end;aspect-ratio:600/480} html[data-page~="site"] .hero-art > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} html[data-page~="site"] .ha-lbl{font:600 13px var(--f-bn);fill:var(--ink)} html[data-page~="site"] .ha-vin{font:400 11px "AVID Mark","DM Sans",monospace;fill:var(--green-ink);letter-spacing:.06em} html[data-page~="site"] .ha-mark{opacity:.45;transition:opacity .4s} html[data-page~="site"] .ha-mark .glow{fill:var(--green)} html[data-page~="site"] .ha-sec{opacity:.9} html[data-page~="site"] .ha-scan{transform:translateX(-90px)} html[data-page~="site"] .ha-pulse{transform-box:fill-box;transform-origin:center} html[data-page~="site"] .ha-card{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px; background:rgb(255 255 255/.92);border:1px solid var(--line);box-shadow:0 1px 2px rgb(22 32 26/.05),0 22px 44px -22px rgb(22 80 30/.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink)} html[data-page~="site"] .ha-card .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--green-ink);color:#fff} html[data-page~="site"] .ha-card .ic svg{width:20px;height:20px} html[data-page~="site"] .ha-card b{display:block;font:700 14px/1.3 var(--f-bn);color:var(--green-ink)} html[data-page~="site"] .ha-card .vin{display:block;font:400 19px/1.25 "AVID Mark","DM Sans",monospace;letter-spacing:.08em;color:var(--ink);margin-top:2px} html[data-page~="site"] .ha-card small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4} html[data-page~="site"] .ha-verify{left:-2%;top:6%} html[data-page~="site"] .ha-gps{right:-2%;top:14%;padding:9px 14px 9px 10px;border-radius:99px;gap:9px} html[data-page~="site"] .ha-gps .dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgb(56 192 55/.6);flex:none} html[data-page~="site"] .ha-gps b{font-size:13px;color:var(--ink)} html[data-page~="site"] .hero.hero2 .stats{max-width:none;margin:0;border-radius:0;background:transparent;border:0;box-shadow:none;overflow:visible; border-top:1px solid var(--line);display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:stretch} html[data-page~="site"] .hero.hero2 .stats-head{background:none;padding:22px 28px 22px 0;display:flex;align-items:center;color:var(--ink)} html[data-page~="site"] .hero.hero2 .stats-head::after{display:none} html[data-page~="site"] .hero.hero2 .stats-head h2{display:block;color:var(--ink);font-size:var(--fs-sm);font-weight:700;max-width:11ch;line-height:1.35} html[data-page~="site"] .hero.hero2 .stats-head h2 small{display:block;margin-top:4px;font-size:var(--fs-caption);font-weight:500;color:var(--muted)} html[data-page~="site"] .hero.hero2 .stat b{font-variant-numeric:tabular-nums} html[data-page~="site"] .hero.hero2 .stats-head h2::before{display:none} html[data-page~="site"] .hero.hero2 .stat-grid{display:contents} html[data-page~="site"] .hero.hero2 .stat{display:block;padding:22px 24px;border:0 !important;border-left:1px solid var(--line) !important} html[data-page~="site"] .hero.hero2 .stat .b3d{display:none} html[data-page~="site"] .hero.hero2 .stat b{color:var(--ink);font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem)} html[data-page~="site"] .hero.hero2 .stat .l{color:var(--green-ink);font-size:var(--fs-sm)} html[data-page~="site"] .hero.hero2 .stat small{color:var(--muted)} @media (prefers-reduced-motion:no-preference){html[data-page~="site"] .ha-gps .dot{animation:haDot 2.4s ease-out infinite}html[data-page~="site"] .ha-pulse{animation:haPulse 2.8s ease-out infinite}html[data-page~="site"] .ha-pulse.p2{animation-delay:1.4s}html[data-page~="site"] .ha-wheel{transform-box:fill-box;transform-origin:center;animation:haSpin 1.4s linear infinite}html[data-page~="site"] .ha-road{animation:haRoad .9s linear infinite}@keyframes haSpin{to{transform:rotate(-360deg)}}@keyframes haRoad{to{transform:translateX(-48px)}}@keyframes haIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes haDot{0%{box-shadow:0 0 0 0 rgb(56 192 55/.6)}100%{box-shadow:0 0 0 10px rgb(56 192 55/0)}}@keyframes haPulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.6);opacity:0}}} @media (prefers-reduced-motion:reduce){html[data-page~="site"] .ha-mark{opacity:1}html[data-page~="site"] .ha-scan{display:none}} @media (max-width:960px){html[data-page~="site"] .hero.hero2 .hero-grid{grid-template-columns:1fr;gap:28px}html[data-page~="site"] .hero-art{justify-self:center;max-width:560px}html[data-page~="site"] .hero.hero2 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-page~="site"] .hero.hero2 .stats-head{grid-column:1/-1;padding:18px 0 6px}html[data-page~="site"] .hero.hero2 .stats-head h2{max-width:none}html[data-page~="site"] .hero.hero2 .stat{padding:16px 18px 18px 0;border-left:0 !important;border-top:1px solid var(--line) !important}html[data-page~="site"] .hero.hero2 .stat:nth-of-type(even){padding-left:18px;border-left:1px solid var(--line) !important}} @media (max-width:560px){html[data-page~="site"] .ha-card{padding:9px 12px 9px 9px;gap:9px;border-radius:13px}html[data-page~="site"] .ha-card .ic{width:30px;height:30px;border-radius:9px}html[data-page~="site"] .ha-card .vin{font-size:15px}html[data-page~="site"] .ha-card small{display:none}html[data-page~="site"] .ha-verify{left:0;top:2%}html[data-page~="site"] .ha-gps{top:11%;right:0;padding:7px 11px 7px 9px}html[data-page~="site"] .ha-gps b{font-size:12px}html[data-page~="site"] .ha-lbl{font-size:20px;transform:translateY(9px)}html[data-page~="site"] .ha-vin{display:none}} html[data-page~="site"] .ha-scan{opacity:0} html[data-page~="site"] .ha-mark .ping{fill:none;stroke:var(--green);stroke-width:2;opacity:0} html[data-page~="site"] .hero-art.anim .ha-mark{opacity:1} html[data-page~="site"] .hero-art.anim .ha-mark:not(.on) text{opacity:0} html[data-page~="site"] .hero-art.anim .ha-mark .lead{transition:stroke-dashoffset .45s cubic-bezier(.3,.7,.2,1)} html[data-page~="site"] .hero-art.anim .ha-mark .glow{transform-box:fill-box;transform-origin:center;opacity:.35;transition:opacity .3s,filter .3s} html[data-page~="site"] .hero-art.anim .ha-mark.lit .glow{opacity:1;filter:drop-shadow(0 0 5px rgb(56 192 55/.9))} html[data-page~="site"] .hero-art.anim .ha-mark .box{transform-box:fill-box;transform-origin:left center;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.2,1.4,.4,1)} html[data-page~="site"] .hero-art.anim .ha-mark.on .box{opacity:1;transform:none} html[data-page~="site"] .hero-art .ha-mark.hot .lead{stroke-width:2.6} html[data-page~="site"] .hero-art .ha-mark.hot .box{stroke-opacity:.9;filter:drop-shadow(0 6px 10px rgb(22 80 30/.2))} html[data-page~="site"] .hero-art .ha-mark.hot .glow{opacity:1;filter:drop-shadow(0 0 6px rgb(56 192 55/1))} html[data-page~="site"] .hero-art .ha-mark{cursor:default} html[data-page~="site"] .hero-art.anim .ha-verify, html[data-page~="site"] .hero-art.anim .ha-gps{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)} html[data-page~="site"] .hero-art.anim .ha-verify.on, html[data-page~="site"] .hero-art.anim .ha-gps.on{opacity:1;transform:none} html[data-page~="site"] .hero-art.anim .ha-verify small{opacity:0;transition:opacity .4s} html[data-page~="site"] .hero-art.anim .ha-verify.done small{opacity:1} html[data-page~="site"] .hero-art.anim .ha-verify .vin{min-height:1.25em} html[data-page~="site"] .hero-art.anim .ha-verify.done .ic{animation:haTick .5s ease-out} html[data-page~="site"] .hero-art.fade .ha-mark, html[data-page~="site"] .hero-art.fade .ha-verify{opacity:0 !important;transition:opacity .6s} @keyframes haTick{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:none}} @media (prefers-reduced-motion:reduce){html[data-page~="site"] .hero-art .ha-mark, html[data-page~="site"] .hero-art .ha-mark .glow{opacity:1}} /* ===== site ===== */ html[data-page~="site"] .video .thumb.playing{cursor:default} html[data-page~="site"] .video .yt-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000} /* ===== site ===== */ html[data-page~="site"] .certs{display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px;max-width:none} html[data-page~="site"] .certs .acc{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px} html[data-page~="site"] .certs .cert{width:200px;height:140px;padding:10px;display:grid;place-items:center;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)} html[data-page~="site"] .certs .cert img{display:block;width:auto;height:auto;max-width:180px;max-height:120px;object-fit:contain} html[data-page~="site"] .certs .cert:hover, html[data-page~="site"] .certs .cert:focus-visible{border-color:var(--green-ink,#1d7f27)} html[data-page~="site"] .certs figcaption{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--muted,#55605a)} @media (max-width:520px){html[data-page~="site"] .certs{gap:12px}html[data-page~="site"] .certs .cert{width:150px;height:110px;padding:8px}html[data-page~="site"] .certs .cert img{max-width:134px;max-height:94px}} /* ===== site ===== */ html[data-page~="site"]{ --bg:#ffffff; --surface:#ffffff; --tint:#eef9f1; --tint-2:#f6faf7; --ink:#16201a; --body:#3d4742; --muted:#68736d; --line:#dfe7e2; --green:#38c037; --green-ink:#1d7f27; --green-soft:#d8f3dc; --charcoal:#424242; --on-dark:#ffffff; --alert:#c62f45; --alert-soft:#fdecef; --alert-ink:#a3192f; --amber:#a8650a; --amber-soft:#fff4e0; --blue:#1f62b8; --blue-soft:#e8f0fc; --frame:#ffffff; --logo-plate:transparent; --shadow:0 1px 2px rgb(22 32 26/.06),0 8px 24px rgb(22 32 26/.06); --f-bn:"Noto Sans Bengali","Hind Siliguri","Vrinda",system-ui,sans-serif; --f-lat:"DM Sans","Noto Sans Bengali",system-ui,sans-serif; --r:10px; --wrap:1180px; --fs-caption:clamp(0.8313rem, 0.8239rem + 0.03261vw, 0.85rem); --fs-sm:clamp(0.9125rem, 0.8978rem + 0.06522vw, 0.95rem); --fs-body:clamp(1rem, 0.9755rem + 0.1087vw, 1.062rem); --fs-lead:clamp(1.094rem, 1.057rem + 0.163vw, 1.188rem); --fs-h4:clamp(1.2rem, 1.151rem + 0.2174vw, 1.325rem); --fs-h3:clamp(1.438rem, 1.349rem + 0.3913vw, 1.663rem); --fs-stat:clamp(1.725rem, 1.588rem + 0.6087vw, 2.075rem); --fs-h2:clamp(1.894rem, 1.62rem + 1.217vw, 2.594rem); --fs-h1:clamp(2.487rem, 2.192rem + 1.315vw, 3.244rem); --lh-body:1.75; --lh-head:1.3; --lh-display:1.15; color-scheme:light; } html[data-page~="site"] *{box-sizing:border-box} html[data-page~="site"]{scroll-behavior:smooth;scroll-padding-top:84px} @media (prefers-reduced-motion:reduce){html[data-page~="site"]{scroll-behavior:auto}html[data-page~="site"] *{transition:none!important;animation:none!important}} html[data-page~="site"] body{background:var(--bg);color:var(--body);font-family:var(--f-bn);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased} html[data-page~="site"] h1, html[data-page~="site"] h2, html[data-page~="site"] h3, html[data-page~="site"] h4{color:var(--ink);line-height:var(--lh-head);text-wrap:balance;margin:0;font-weight:700} html[data-page~="site"] p{margin:0} html[data-page~="site"] a{color:inherit} html[data-page~="site"] .lat{font-family:var(--f-lat)} html[data-page~="site"] .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px} html[data-page~="site"] .num{font-variant-numeric:tabular-nums;letter-spacing:.01em} html[data-page~="site"] :focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:6px} html[data-page~="site"] .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} html[data-page~="site"] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:10px 16px;font:600 var(--fs-sm)/1.2 var(--f-lat);text-decoration:none;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .15s} html[data-page~="site"] .btn:hover{filter:brightness(1.06)} html[data-page~="site"] .btn:active{transform:translateY(1px)} html[data-page~="site"] .btn-dark{background:var(--charcoal);color:var(--on-dark)} html[data-page~="site"] .btn-green{background:var(--green-ink);color:#fff} html[data-page~="site"] .btn-alert{background:var(--alert);color:#fff;font-family:var(--f-bn)} html[data-page~="site"] .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)} html[data-page~="site"] .btn svg{width:18px;height:18px;flex:none} html[data-page~="site"] .hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} html[data-page~="site"] .hdr .wrap{display:flex;align-items:center;gap:20px;min-height:72px} html[data-page~="site"] .logo{display:block;border-radius:10px;background:var(--logo-plate);padding:2px 6px} html[data-page~="site"] .logo img{display:block;height:52px;width:auto} html[data-page~="site"] .nav{display:flex;gap:2px;margin-inline:auto;flex-wrap:nowrap} html[data-page~="site"] .nav a{text-decoration:none;font-size:var(--fs-sm);font-weight:500;color:var(--body);padding:6px 11px;border-radius:6px;line-height:1.35;white-space:nowrap} html[data-page~="site"] .nav a:hover{color:var(--green-ink);background:var(--tint)} html[data-page~="site"] .hdr-actions{display:flex;gap:8px;align-items:center} html[data-page~="site"] .hdr-actions .btn{padding:8px 13px;font-size:var(--fs-sm)} html[data-page~="site"] .menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;color:var(--ink);cursor:pointer} html[data-page~="site"] .mnav{display:none} @media (max-width:1080px){html[data-page~="site"] .nav, html[data-page~="site"] .hdr-actions .agent{display:none}html[data-page~="site"] .menu-btn{display:grid;place-items:center;margin-left:0}html[data-page~="site"] .hdr-actions{margin-left:auto}html[data-page~="site"] .mnav:not([hidden]){display:grid;gap:2px;padding:8px 20px 18px;border-top:1px solid var(--line);background:var(--bg)}html[data-page~="site"] .mnav a{text-decoration:none;padding:10px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500}html[data-page~="site"] .mnav .row{display:flex;gap:8px;margin-top:12px}html[data-page~="site"] .mnav .row .btn{flex:1;border-bottom:0}} @media (max-width:520px){html[data-page~="site"] .hdr-actions .report-txt{display:none}html[data-page~="site"] .hdr-actions .btn-alert{padding:10px}} html[data-page~="site"] .b3d, html[data-page~="site"] .dlg-head .ic{ --c1:#7ee879; --c2:#38c037; --c3:#1f8a27; --c4:#156b1c; position:relative;display:grid;place-items:center;flex:none;color:#fff;border-radius:14px; background: radial-gradient(120% 80% at 28% 12%,rgb(255 255 255/.6) 0%,rgb(255 255 255/0) 46%), linear-gradient(155deg,var(--c1) 0%,var(--c2) 52%,var(--c3) 100%); box-shadow: inset 0 1.5px 0 rgb(255 255 255/.65), inset 0 -4px 8px rgb(0 0 0/.16), 0 4px 0 var(--c4), 0 12px 20px -8px color-mix(in srgb,var(--c4) 80%,transparent); } html[data-page~="site"] .b3d svg, html[data-page~="site"] .dlg-head .ic svg{filter:drop-shadow(0 1.5px 1.2px rgb(0 0 0/.28))} html[data-page~="site"] .b3d.red, html[data-page~="site"] .dlg-head .ic{--c1:#ff8a98;--c2:#e2425a;--c3:#c62f45;--c4:#951f31} html[data-page~="site"] .b3d{width:46px;height:46px} html[data-page~="site"] .b3d svg{width:23px;height:23px} html[data-page~="site"] .b3d.sm{width:38px;height:38px;border-radius:11px} html[data-page~="site"] .b3d.sm svg{width:19px;height:19px} html[data-page~="site"] .n3d{ --c1:#86ec80; --c2:#3cc43b; --c3:#1f8a27; --c4:#145f1a; display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:18px; font:800 24px/1 var(--f-lat);color:#fff;letter-spacing:.01em; text-shadow:0 2px 0 rgb(0 0 0/.22),0 0 12px rgb(255 255 255/.25); background: radial-gradient(110% 75% at 30% 10%,rgb(255 255 255/.6) 0%,rgb(255 255 255/0) 50%), linear-gradient(160deg,var(--c1),var(--c2) 55%,var(--c3)); box-shadow: inset 0 2px 0 rgb(255 255 255/.7), inset 0 -5px 10px rgb(0 0 0/.18), 0 5px 0 var(--c4), 0 6px 0 color-mix(in srgb,var(--c4) 70%,#000), 0 16px 24px -8px color-mix(in srgb,var(--c4) 75%,transparent); transform:rotate(-4deg); transition:transform .25s ease; } html[data-page~="site"] .n3d.red{--c1:#ff95a2;--c2:#e5475f;--c3:#c62f45;--c4:#8f1c2e} html[data-page~="site"] .n3d.sm{width:46px;height:46px;border-radius:14px;font:800 22px/1 var(--f-bn);transform:rotate(-3deg)} html[data-page~="site"] .stat .b3d{width:50px;height:50px;border-radius:50%;color:#fff; background:radial-gradient(circle at 32% 26%,#ffffff 0 5%,#c4f7c1 9%,#5ad957 34%,#2aa52c 62%,#135c19 100%); box-shadow:inset -5px -7px 12px rgb(0 0 0/.28),inset 4px 5px 8px rgb(255 255 255/.35),0 3px 0 rgb(0 0 0/0)} html[data-page~="site"] .stat .b3d::after{content:"";position:absolute;left:8px;right:8px;bottom:-9px;height:8px;border-radius:50%;background:radial-gradient(closest-side,rgb(20 90 30/.38),transparent);z-index:-1} html[data-page~="site"] .stat{position:relative;isolation:isolate} html[data-page~="site"] .svc .ic{position:relative;width:64px;height:64px;display:grid;place-items:center;color:var(--green-ink);isolation:isolate} html[data-page~="site"] .svc .ic::after{content:"";position:absolute;inset:0;border-radius:20px;z-index:1; background:linear-gradient(145deg,#ffffff,#f1faf3);border:1px solid #dcefe0;box-shadow:inset 0 1px 0 #fff,0 10px 22px -12px rgb(20 60 30/.45)} html[data-page~="site"] .svc .ic svg{position:relative;z-index:2;width:28px;height:28px;filter:drop-shadow(0 2px 2px rgb(31 138 39/.25))} html[data-page~="site"] .feat svg{width:44px;height:44px;padding:11px;border-radius:50%;flex:none;color:var(--green-ink); background:radial-gradient(circle at 35% 28%,#ffffff 0%,#f1faf3 55%,#ddf2e1 100%);border:2px solid #cdebd2; box-shadow:0 3px 0 #38c037,0 5px 0 #1f8a27,0 10px 14px -6px rgb(20 90 30/.5)} html[data-page~="site"] .feat{gap:14px;padding:14px 16px 16px} html[data-page~="site"] .clist .ic{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:var(--green-ink); background:linear-gradient(145deg,#ffffff,#e4f2e7); box-shadow:6px 7px 14px #bcd3c2,-5px -5px 12px #ffffff,inset 0 0 0 1px rgb(255 255 255/.9),inset -3px -4px 6px rgb(31 138 39/.08)} html[data-page~="site"] .clist .ic::before{content:"";position:absolute} html[data-page~="site"] .clist .ic svg{width:21px;height:21px;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 3px rgb(31 138 39/.3))} html[data-page~="site"] .hero .eyebrow .b3d{width:26px;height:26px;border-radius:50%;background:var(--green);box-shadow:none} html[data-page~="site"] .hero .eyebrow .b3d svg{filter:none;width:14px;height:14px} html[data-page~="site"] .hero .search .b3d{width:40px;height:38px;border-radius:0;background:none;box-shadow:none;color:var(--green-ink);border-right:1.5px solid var(--line);margin-right:4px} html[data-page~="site"] .hero .search .b3d svg{filter:none;width:22px;height:22px} html[data-page~="site"] .hero .report-strip .b3d{width:46px;height:46px;border-radius:50%;background:#fde4e8;color:var(--alert);box-shadow:0 0 0 5px #fff,0 0 0 6px #f6c6ce} html[data-page~="site"] .hero .report-strip .b3d svg{filter:none;width:22px;height:22px} html[data-page~="site"] .steps .n3d{width:56px;height:56px;border-radius:50%;transform:none;background:var(--green);color:#fff;text-shadow:none; font:700 var(--fs-h4)/1 var(--f-lat);letter-spacing:.02em;box-shadow:0 0 0 6px var(--surface),0 0 0 7.5px #bfe9c3} html[data-page~="site"] .steps .n3d.red{background:var(--alert);box-shadow:0 0 0 6px #fff6f7,0 0 0 7.5px #f3bcc5} html[data-page~="site"] .steps li:hover .n{transform:scale(1.06)} html[data-page~="site"] .hero{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line); background:linear-gradient(180deg,#f2fbf4 0%,#f8fdf9 55%,var(--bg) 100%)} html[data-page~="site"] .hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none} html[data-page~="site"] .hero-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgb(31 138 39/.14) 1px,transparent 1.3px);background-size:22px 22px; -webkit-mask-image:linear-gradient(105deg,transparent 10%,#000 55%,transparent 95%);mask-image:linear-gradient(105deg,transparent 10%,#000 55%,transparent 95%)} html[data-page~="site"] .hero-bg .orb{position:absolute;border-radius:50%;filter:blur(60px)} html[data-page~="site"] .hero-bg .o1{width:460px;height:460px;right:-80px;top:-120px;background:rgb(56 192 55/.22)} html[data-page~="site"] .hero-bg .o2{width:340px;height:340px;left:-140px;bottom:-160px;background:rgb(56 192 55/.14)} html[data-page~="site"] .hero-bg .shape{position:absolute;right:-40px;top:-30px;width:440px;opacity:.6} html[data-page~="site"] .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;padding-block:clamp(56px,7vw,96px) clamp(64px,7vw,96px)} html[data-page~="site"] .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-sm);font-weight:600;color:var(--green-ink);background:#fff;border:1px solid var(--green-soft);padding:6px 14px 6px 8px;border-radius:999px;box-shadow:0 2px 10px -4px rgb(31 138 39/.35)} html[data-page~="site"] .eyebrow .b3d{width:24px;height:24px;border-radius:7px;box-shadow:inset 0 1px 0 rgb(255 255 255/.6),0 2px 0 var(--c4)} html[data-page~="site"] .eyebrow .b3d svg{width:14px;height:14px} html[data-page~="site"] .hero h1{font-size:var(--fs-h1);margin-top:20px;letter-spacing:-.015em;line-height:var(--lh-display)} html[data-page~="site"] .hero h1 .hl{position:relative;color:var(--green-ink);white-space:nowrap} html[data-page~="site"] .hero h1 .hl::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.04em;height:.22em;border-radius:6px;background:linear-gradient(90deg,rgb(56 192 55/.38),rgb(56 192 55/.12));z-index:-1} html[data-page~="site"] .hero .lede{font-size:var(--fs-lead);margin-top:14px;max-width:44ch;color:var(--body);text-wrap:pretty} html[data-page~="site"] .search{margin-top:30px;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 1px 2px rgb(22 32 26/.05),0 18px 40px -18px rgb(31 138 39/.45);max-width:580px;transition:border-color .2s,box-shadow .2s} html[data-page~="site"] .search:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgb(56 192 55/.15),0 18px 40px -18px rgb(31 138 39/.5)} html[data-page~="site"] .search .b3d{margin-left:2px} html[data-page~="site"] .search input{flex:1;min-width:0;border:0;background:transparent;font:500 var(--fs-body) var(--f-bn);color:var(--ink);padding:10px 6px;outline:none} html[data-page~="site"] .search input::placeholder{color:var(--muted)} html[data-page~="site"] .search a.btn{padding:13px 20px;border-radius:11px;box-shadow:0 3px 0 #1f8a27} html[data-page~="site"] .report-strip{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #f5c9d0;background:linear-gradient(100deg,#fff1f3,#fff8f9);border-radius:16px;max-width:580px} html[data-page~="site"] .report-strip p{flex:1;min-width:180px;color:var(--ink);font-weight:600;line-height:1.5} html[data-page~="site"] .report-strip p small{display:block;color:var(--body);font-weight:400;font-size:var(--fs-sm)} html[data-page~="site"] .report-strip .btn{box-shadow:0 3px 0 #951f31} html[data-page~="site"] .stats{position:relative;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden; box-shadow:0 1px 2px rgb(22 32 26/.05),0 30px 60px -28px rgb(22 80 30/.45)} html[data-page~="site"] .stats-head{position:relative;padding:18px 24px;background:linear-gradient(120deg,#2fae2e,#1f8a27);color:#fff;overflow:hidden} html[data-page~="site"] .stats-head::after{content:"";position:absolute;right:-30px;top:-50px;width:180px;height:180px;border-radius:50%;border:26px solid rgb(255 255 255/.1)} html[data-page~="site"] .stats-head h2{position:relative;color:#fff;font-size:var(--fs-h4);display:flex;align-items:center;gap:10px} html[data-page~="site"] .stats-head h2::before{content:"";width:10px;height:10px;border-radius:50%;background:#c9ffc8;box-shadow:0 0 0 4px rgb(255 255 255/.18)} html[data-page~="site"] .stat-grid{display:grid;grid-template-columns:1fr 1fr} html[data-page~="site"] .stat{padding:20px 22px 22px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start} html[data-page~="site"] .stat:nth-child(odd){border-right:1px solid var(--line)} html[data-page~="site"] .stat:nth-child(-n/**/+2){border-bottom:1px solid var(--line)} html[data-page~="site"] .stat .b3d{grid-row:span 3;margin-top:4px} html[data-page~="site"] .stat b{display:block;font:800 var(--fs-stat)/1.15 var(--f-bn);color:var(--ink)} html[data-page~="site"] .stat .l{display:block;font-weight:700;color:var(--green-ink);margin-top:2px;line-height:1.4} html[data-page~="site"] .stat small{display:block;font-size:var(--fs-caption);color:var(--muted);line-height:1.45;margin-top:2px} @media (max-width:960px){html[data-page~="site"] .hero-grid{grid-template-columns:1fr;gap:20px}html[data-page~="site"] .stats{margin-top:12px;max-width:640px}html[data-page~="site"] .hero-bg .shape{width:300px;opacity:.45}} @media (max-width:480px){html[data-page~="site"] .stat{grid-template-columns:1fr;padding:16px}html[data-page~="site"] .stat .b3d{grid-row:auto;margin:0 0 10px}html[data-page~="site"] .search .b3d{display:none}html[data-page~="site"] .search a.btn span{display:none}html[data-page~="site"] .search a.btn{padding:13px 14px}} html[data-page~="site"] section{padding-block:80px} html[data-page~="site"] .band{background:var(--tint)} html[data-page~="site"] .sec-head{max-width:720px;margin-bottom:40px} html[data-page~="site"] .sec-head h2{font-size:var(--fs-h2)} html[data-page~="site"] .sec-head p{margin-top:10px;color:var(--muted)} html[data-page~="site"] .sec-head.center{margin-inline:auto;text-align:center} @media (max-width:640px){html[data-page~="site"] section{padding-block:56px}} html[data-page~="site"] .steps{list-style:none;margin:0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px 22px} html[data-page~="site"] .steps li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:46px 24px 26px;transition:transform .25s ease,box-shadow .25s ease} html[data-page~="site"] .steps li:hover{transform:translateY(-3px);box-shadow:var(--shadow)} html[data-page~="site"] .steps li:hover .n{transform:rotate(0) scale(1.04)} html[data-page~="site"] .steps .n{position:absolute;top:-28px;left:22px} html[data-page~="site"] .steps li.key{border-color:#f2b9c2;background:linear-gradient(180deg,#fff6f7,var(--surface) 60%)} html[data-page~="site"] .steps li.key .inline-report{margin-top:14px} @media (max-width:900px){html[data-page~="site"] .steps{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="site"] .steps{grid-template-columns:1fr}} html[data-page~="site"] .inline-report{margin-top:14px} @media (max-width:900px){html[data-page~="site"] .steps{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="site"] .steps{grid-template-columns:1fr}} html[data-page~="site"] .inline-report{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:600 var(--fs-sm) var(--f-bn);color:var(--alert-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px} html[data-page~="site"] .video{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} html[data-page~="site"] .video .thumb{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:18px;overflow:hidden;text-decoration:none;container-type:inline-size; background:#0d3314;box-shadow:0 1px 2px rgb(22 32 26/.08),0 28px 50px -24px rgb(13 51 20/.6);outline-offset:4px} html[data-page~="site"] .vt-art{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .6s ease} html[data-page~="site"] .video .thumb:hover .vt-art{transform:scale(1.03)} html[data-page~="site"] .vt-copy{position:absolute;left:0;top:0;bottom:0;width:54%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2.4cqw;padding:0 0 0 5.5cqw;color:#fff} html[data-page~="site"] .vt-brand{display:inline-flex;align-items:center;gap:1.6cqw;align-self:flex-start;font:600 2.6cqw/1 var(--f-bn);color:#d9ffd8;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.22);padding:1cqw 2.2cqw 1cqw 1cqw;border-radius:99px} html[data-page~="site"] .vt-brand img{width:4.4cqw;height:4.4cqw;object-fit:contain;background:#fff;border-radius:50%;padding:.4cqw} html[data-page~="site"] .vt-title{font:800 6.4cqw/1.1 var(--f-bn);white-space:nowrap;letter-spacing:-.01em;text-shadow:0 .4cqw 1.6cqw rgb(0 0 0/.35)} html[data-page~="site"] .vt-title em{display:block;font-style:normal;color:#0d3314;background:#ffd34d;align-self:flex-start;width:max-content;padding:.2cqw 2cqw .9cqw;margin-top:1cqw;border-radius:1.4cqw;transform:rotate(-2deg);text-shadow:none;box-shadow:0 .6cqw 0 #c99a1a} html[data-page~="site"] .vt-tags{display:flex;flex-wrap:nowrap;gap:1cqw} html[data-page~="site"] .vt-tags span{font:600 2.1cqw/1 var(--f-bn);padding:.9cqw 1.6cqw;border-radius:99px;background:rgb(255 255 255/.14);color:#eafbea} html[data-page~="site"] .vt-cta{display:inline-flex;align-items:center;gap:2cqw;font:700 3cqw/1 var(--f-bn);color:#fff;margin-top:.6cqw} html[data-page~="site"] .video .play{width:8cqw;height:8cqw;min-width:40px;min-height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1.6cqw rgb(255 255 255/.2),0 1cqw 3cqw rgb(0 0 0/.35);transition:transform .2s;flex:none} html[data-page~="site"] .video .thumb:hover .play{transform:scale(1.08)} html[data-page~="site"] .video .play svg{width:42%;height:42%;margin-left:8%;fill:var(--alert)} html[data-page~="site"] .vt-yt{position:absolute;right:3cqw;top:3cqw;display:inline-flex;align-items:center;gap:1cqw;font:700 2.2cqw/1 var(--f-lat);color:#fff;background:rgb(0 0 0/.35);padding:1.2cqw 1.8cqw;border-radius:99px} html[data-page~="site"] .vt-yt svg{width:3.2cqw;height:3.2cqw;fill:#ff3d3d} @container (max-width:380px){html[data-page~="site"] .vt-tags{display:none}} html[data-page~="site"] .video p{margin-top:14px} html[data-page~="site"] .video .btn{margin-top:22px} @media (max-width:820px){html[data-page~="site"] .video{grid-template-columns:1fr;gap:28px}} html[data-page~="site"] .protect{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} html[data-page~="site"] .pcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;min-width:0} html[data-page~="site"] .pcard .tag{display:flex;align-items:center;gap:12px;margin-bottom:14px} html[data-page~="site"] .shnum{position:relative;width:46px;height:52px;flex:none;display:grid;place-items:center;transition:transform .25s ease} html[data-page~="site"] .shnum svg{position:absolute;inset:0;width:100%;height:100%} html[data-page~="site"] .shnum b{position:relative;font:700 var(--fs-h4)/1 var(--f-bn);color:#fff;margin-top:-3px} html[data-page~="site"] .pcard .tag .lbl{display:flex;flex-direction:column;line-height:1.25} html[data-page~="site"] .pcard .tag .lbl span{font:600 var(--fs-caption) var(--f-bn);color:var(--muted);letter-spacing:.08em} html[data-page~="site"] .pcard .tag .lbl em{font:700 var(--fs-sm) var(--f-bn);color:var(--green-ink);font-style:normal} html[data-page~="site"] .pcard .tag::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)} html[data-page~="site"] .pcard:hover .shnum{transform:translateY(-2px)} html[data-page~="site"] .pcard{transition:transform .25s ease,box-shadow .25s ease} html[data-page~="site"] .pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)} html[data-page~="site"] .pcard h3{font-size:var(--fs-h4);margin-top:6px} html[data-page~="site"] .pcard p{margin-top:10px;font-size:var(--fs-body);flex:1} html[data-page~="site"] .more{margin-top:16px;font-weight:600;color:var(--green-ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px} html[data-page~="site"] .more:hover{text-decoration:underline;text-underline-offset:3px} @media (max-width:1000px){html[data-page~="site"] .protect{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="site"] .protect{grid-template-columns:1fr}} html[data-page~="site"] .services{display:grid;grid-template-columns:1fr 1fr;gap:18px} html[data-page~="site"] .svc{display:grid;grid-template-columns:64px 1fr;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px} html[data-page~="site"] .svc h3{font-size:var(--fs-h4)} html[data-page~="site"] .svc p{margin-top:8px;font-size:var(--fs-body)} html[data-page~="site"] .features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px} html[data-page~="site"] .feat{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)} html[data-page~="site"] .feat{gap:12px} html[data-page~="site"] .feat h3{font-size:var(--fs-body);font-weight:600} @media (max-width:820px){html[data-page~="site"] .services{grid-template-columns:1fr}html[data-page~="site"] .features{grid-template-columns:1fr 1fr}} html[data-page~="site"] .blogs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} html[data-page~="site"] .blog{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden} html[data-page~="site"] .blog .blog-art{display:block;width:100%;height:auto;aspect-ratio:330/280;transition:transform .5s ease} html[data-page~="site"] .blog{isolation:isolate} html[data-page~="site"] .blog:hover .blog-art{transform:scale(1.035)} html[data-page~="site"] .blog > svg{border-bottom:1px solid var(--line)} html[data-page~="site"] .blog .b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1} html[data-page~="site"] .blog time{font:500 var(--fs-caption) var(--f-lat);color:var(--muted)} html[data-page~="site"] .blog h3{font-size:var(--fs-h4);margin-top:4px;flex:1} @media (max-width:1000px){html[data-page~="site"] .blogs{grid-template-columns:1fr 1fr}} @media (max-width:520px){html[data-page~="site"] .blogs{grid-template-columns:1fr}} html[data-page~="site"] .mv{display:grid;grid-template-columns:1fr 1fr;gap:18px} html[data-page~="site"] .mv article{display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px} html[data-page~="site"] .mv h3{font-size:var(--fs-h3)} html[data-page~="site"] .mv p{margin-top:10px} html[data-page~="site"] .mv img{width:100%;height:auto;border-radius:10px;background:var(--frame)} @media (max-width:900px){html[data-page~="site"] .mv{grid-template-columns:1fr}} @media (max-width:480px){html[data-page~="site"] .mv article{grid-template-columns:1fr}html[data-page~="site"] .mv img{max-width:180px}} html[data-page~="site"] .certs{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start;max-width:900px;margin-inline:auto} html[data-page~="site"] .cert{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--frame);cursor:zoom-in;padding:0} html[data-page~="site"] .cert img{display:block;width:100%;height:auto} @media (max-width:640px){html[data-page~="site"] .certs{grid-template-columns:1fr}} html[data-page~="site"] .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} html[data-page~="site"] .quote{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:0} html[data-page~="site"] .quote .mark{font:800 48px/0.6 Georgia,serif;color:var(--green);height:22px} html[data-page~="site"] .quote blockquote{margin:12px 0 0;color:var(--ink);font-size:var(--fs-body);font-weight:500;flex:1} html[data-page~="site"] .quote figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);line-height:1.4} html[data-page~="site"] .quote figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover} html[data-page~="site"] .quote figcaption b{display:block;color:var(--ink)} html[data-page~="site"] .quote figcaption span{font-size:var(--fs-sm);color:var(--muted)} @media (max-width:900px){html[data-page~="site"] .quotes{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="site"] .quotes{grid-template-columns:1fr}} html[data-page~="site"] .faq{max-width:860px;margin-inline:auto;display:grid;gap:10px} html[data-page~="site"] .faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)} html[data-page~="site"] .faq details[open]{border-color:color-mix(in srgb,var(--green) 45%,var(--line))} html[data-page~="site"] .faq summary{list-style:none;cursor:pointer;padding:16px 52px 16px 20px;font-weight:600;color:var(--ink);position:relative} html[data-page~="site"] .faq summary::-webkit-details-marker{display:none} html[data-page~="site"] .faq summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:2px solid var(--green-ink);border-bottom:2px solid var(--green-ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s} html[data-page~="site"] .faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)} html[data-page~="site"] .faq .a{padding:0 20px 18px} html[data-page~="site"] .faq .a .lbl{font-size:var(--fs-caption);font-weight:700;color:var(--green-ink);letter-spacing:.03em} html[data-page~="site"] .faq ul, html[data-page~="site"] .faq ol{margin:4px 0 0;padding-left:22px} html[data-page~="site"] .contact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden} html[data-page~="site"] .contact .art{position:relative;display:grid;place-items:center;align-content:center;gap:14px;padding:32px 24px; background:radial-gradient(120% 90% at 70% 20%,color-mix(in srgb,var(--green) 22%,var(--surface)) 0%,var(--tint) 55%,var(--surface) 100%);border-left:1px solid var(--line)} html[data-page~="site"] .contact .art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--green-ink) 22%,transparent) 1px,transparent 1.4px);background-size:16px 16px; -webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);opacity:.55;pointer-events:none} html[data-page~="site"] .support3d{position:relative;width:min(220px,100%);height:auto;display:block;animation:float 6s ease-in-out infinite} html[data-page~="site"] .support3d .bub{animation:bob 4.5s ease-in-out infinite;transform-origin:190px 48px} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} html[data-page~="site"] .art-cap{position:relative;display:inline-flex;align-items:center;gap:8px;font:600 var(--fs-sm) var(--f-bn);color:var(--green-ink);background:var(--surface);border:1px solid var(--line);padding:5px 12px;border-radius:999px;box-shadow:var(--shadow)} html[data-page~="site"] .art-cap::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)} html[data-page~="site"] .contact .info{padding:36px} html[data-page~="site"] .contact h2{font-size:var(--fs-h2)} html[data-page~="site"] .clist{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px} html[data-page~="site"] .clist li{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:center} html[data-page~="site"] .clist .ic svg{width:20px;height:20px} html[data-page~="site"] .clist .v{font:600 var(--fs-lead) var(--f-lat);color:var(--ink);user-select:all;word-break:break-word} html[data-page~="site"] .clist .v.bn{font-family:var(--f-bn);user-select:text;font-weight:500;line-height:1.5} html[data-page~="site"] .clist small{display:block;font-size:var(--fs-caption);color:var(--muted)} @media (max-width:860px){html[data-page~="site"] .support3d{width:min(180px,100%)}} @media (max-width:760px){html[data-page~="site"] .contact{grid-template-columns:1fr}html[data-page~="site"] .contact .art{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:24px 16px 20px}html[data-page~="site"] .support3d{width:140px}html[data-page~="site"] .contact .info{padding:26px 22px}} html[data-page~="site"] footer{border-top:1px solid var(--line);background:var(--tint-2);padding-block:56px 28px} html[data-page~="site"] .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px} html[data-page~="site"] footer .logo img{height:64px} html[data-page~="site"] footer p{margin-top:12px;font-size:var(--fs-sm);max-width:36ch} html[data-page~="site"] footer h4{font-size:var(--fs-sm);margin-bottom:10px} html[data-page~="site"] footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px} html[data-page~="site"] footer ul a{text-decoration:none;font-size:var(--fs-sm);color:var(--body)} html[data-page~="site"] footer ul a:hover{color:var(--green-ink)} html[data-page~="site"] .social{display:flex;gap:8px} html[data-page~="site"] .social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)} html[data-page~="site"] .social a:hover{color:var(--green-ink);border-color:var(--green)} html[data-page~="site"] .social svg{width:17px;height:17px} html[data-page~="site"] .fbottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font:var(--fs-caption) var(--f-lat);color:var(--muted)} html[data-page~="site"] .fbottom nav{display:flex;gap:18px;flex-wrap:wrap} html[data-page~="site"] .fbottom a{text-decoration:none} html[data-page~="site"] .fbottom a:hover{color:var(--green-ink)} @media (max-width:900px){html[data-page~="site"] .fgrid{grid-template-columns:1fr 1fr}} @media (max-width:520px){html[data-page~="site"] .fgrid{grid-template-columns:1fr}} html[data-page~="site"] dialog{border:0;padding:0;background:var(--surface);color:var(--body);border-radius:16px;box-shadow:0 30px 80px rgb(0 0 0/.35);width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px)} html[data-page~="site"] dialog::backdrop{background:rgb(10 16 12/.55);backdrop-filter:blur(2px)} html[data-page~="site"] .dlg-head{position:sticky;top:0;z-index:2;display:flex;gap:14px;align-items:flex-start;padding:20px 22px 16px;background:var(--surface);border-bottom:1px solid var(--line)} html[data-page~="site"] .dlg-head .ic{width:42px;height:42px;border-radius:12px} html[data-page~="site"] .dlg-head .ic svg{width:22px;height:22px} html[data-page~="site"] .dlg-head h2{font-size:var(--fs-h4)} html[data-page~="site"] .dlg-head p{font-size:var(--fs-caption);color:var(--muted);line-height:1.5;margin-top:2px} html[data-page~="site"] .x{margin-left:auto;width:38px;height:38px;flex:none;border-radius:8px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;display:grid;place-items:center} html[data-page~="site"] .x svg{width:18px;height:18px} html[data-page~="site"] .dlg-body{padding:20px 22px 24px} html[data-page~="site"] .fgroup{border:0;margin:0 0 6px;padding:0} html[data-page~="site"] .fgroup legend{font-weight:700;color:var(--ink);font-size:var(--fs-body);padding:0;margin-bottom:10px} html[data-page~="site"] .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px} html[data-page~="site"] .field{display:grid;gap:6px;margin-bottom:14px;min-width:0;align-content:start} html[data-page~="site"] .field label{font-weight:600;color:var(--ink);font-size:var(--fs-sm);line-height:1.4} html[data-page~="site"] .field label .req{color:var(--alert)} html[data-page~="site"] .field label .opt{font-weight:400;color:var(--muted);font-size:var(--fs-caption)} html[data-page~="site"] .field input, html[data-page~="site"] .field select, html[data-page~="site"] .field textarea{width:100%;font:500 max(16px,var(--fs-body)) var(--f-bn);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;min-height:46px} html[data-page~="site"] .field input:focus, html[data-page~="site"] .field select:focus, html[data-page~="site"] .field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent)} html[data-page~="site"] .field textarea{min-height:96px;resize:vertical;line-height:1.6} html[data-page~="site"] .field .hint{font-size:var(--fs-caption);color:var(--muted);line-height:1.5} html[data-page~="site"] .field .err{font-size:var(--fs-caption);color:var(--alert-ink);font-weight:600;line-height:1.45} html[data-page~="site"] .field.bad input, html[data-page~="site"] .field.bad select, html[data-page~="site"] .field.bad textarea{border-color:var(--alert)} html[data-page~="site"] .check{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--body);cursor:pointer;margin-top:2px} html[data-page~="site"] .check input{width:18px;height:18px;min-height:0;accent-color:var(--green)} html[data-page~="site"] .timewrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap} html[data-page~="site"] .timewrap input[type=time]{flex:1;min-width:140px} html[data-page~="site"] .notice{display:flex;gap:10px;font-size:var(--fs-sm);line-height:1.55;padding:12px 14px;border-radius:10px;background:var(--tint);color:var(--body);margin:4px 0 16px} html[data-page~="site"] .notice svg{width:18px;height:18px;flex:none;color:var(--green-ink);margin-top:2px} html[data-page~="site"] .notice.warn{background:var(--amber-soft)} html[data-page~="site"] .notice.warn svg{color:var(--amber)} html[data-page~="site"] .notice.bad{background:var(--alert-soft);color:var(--alert-ink);font-weight:500} html[data-page~="site"] .notice.bad svg{color:var(--alert)} html[data-page~="site"] .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} html[data-page~="site"] .captcha{margin-top:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--tint-2)} html[data-page~="site"] .captcha legend{float:left;width:100%;margin-bottom:10px} html[data-page~="site"] .cap-row{clear:both;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap} html[data-page~="site"] #capCanvas{display:block;width:200px;max-width:100%;height:56px;border-radius:8px;border:1.5px solid var(--line);background:#fff} html[data-page~="site"] .cap-new{width:46px;height:46px;flex:none;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);color:var(--green-ink);cursor:pointer;display:grid;place-items:center;margin-bottom:5px} html[data-page~="site"] .cap-new:hover{border-color:var(--green)} html[data-page~="site"] .cap-in{flex:1;min-width:120px;margin-bottom:0} html[data-page~="site"] .cap-in input{font-family:var(--f-lat);font-weight:700;font-size:var(--fs-lead);letter-spacing:.06em} html[data-page~="site"] .captcha.bad #capCanvas, html[data-page~="site"] .captcha.bad .cap-in input{border-color:var(--alert)} html[data-page~="site"] #e-cap{display:block;margin-top:8px;font-size:var(--fs-caption);color:var(--alert-ink);font-weight:600} html[data-page~="site"] .agentbox{border:1px dashed var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px} html[data-page~="site"] .actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px} html[data-page~="site"] .actions .btn{padding:12px 20px} html[data-page~="site"] .spin{width:18px;height:18px;border:2.5px solid rgb(255 255 255/.4);border-top-color:#fff;border-radius:50%;animation:sp--site .8s linear infinite} @keyframes sp--site{to{transform:rotate(360deg)}} html[data-page~="site"] .done{text-align:center;padding:12px 4px 4px} html[data-page~="site"] .done .ok{width:64px;height:64px;border-radius:50%;background:var(--green-soft);color:var(--green-ink);display:grid;place-items:center;margin:0 auto 14px} html[data-page~="site"] .done .ok svg{width:32px;height:32px} html[data-page~="site"] .done h3{font-size:var(--fs-h3)} html[data-page~="site"] .refbox{display:inline-flex;align-items:center;gap:10px;margin:16px auto 6px;padding:10px 12px 10px 16px;border:1.5px dashed var(--green);border-radius:10px;background:var(--tint)} html[data-page~="site"] .refbox code{font:700 var(--fs-h4) var(--f-lat);letter-spacing:.04em;color:var(--ink);user-select:all} html[data-page~="site"] .refbox button{border:0;background:var(--green);color:#fff;border-radius:6px;padding:6px 10px;font:600 var(--fs-caption) var(--f-lat);cursor:pointer} html[data-page~="site"] .done ol{text-align:left;max-width:460px;margin:18px auto 0;padding-left:22px;font-size:var(--fs-sm)} html[data-page~="site"] .done ol li+li{margin-top:6px} html[data-page~="site"] #certDlg{width:min(1000px,calc(100vw - 24px));background:var(--frame)} html[data-page~="site"] #certDlg img{display:block;width:100%;height:auto} html[data-page~="site"] #certDlg .x{position:absolute;top:10px;right:10px;background:#fff;color:#111} html[data-page~="site"] .desk-fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;box-shadow:var(--shadow)} html[data-page~="site"] #desk{width:min(1100px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none} html[data-page~="site"] #desk[open]{display:flex;flex-direction:column} html[data-page~="site"] #desk .dlg-head .ic{--c1:#4cbf4a;--c2:#22882a;--c3:#1a6e21;--c4:#11521a} html[data-page~="site"] .desk-tools{display:flex;gap:10px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid var(--line)} html[data-page~="site"] .desk-tools input, html[data-page~="site"] .desk-tools select{font:500 max(16px,var(--fs-sm)) var(--f-bn);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:8px 12px;min-height:42px} html[data-page~="site"] .desk-tools input{flex:1;min-width:200px} html[data-page~="site"] .desk-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)} html[data-page~="site"] .desk-list{overflow:auto;border-right:1px solid var(--line)} html[data-page~="site"] .desk-detail{overflow:auto;padding:20px 22px} html[data-page~="site"] .chips{display:flex;gap:8px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid var(--line);font-size:var(--fs-caption)} html[data-page~="site"] .chip{display:inline-flex;gap:6px;align-items:center;padding:3px 10px;border-radius:999px;background:var(--tint);color:var(--ink);font-weight:600} html[data-page~="site"] .row{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 22px;cursor:pointer;color:var(--body);font:inherit} html[data-page~="site"] .row:hover{background:var(--tint-2)} html[data-page~="site"] .row[aria-current="true"]{background:var(--tint);box-shadow:inset 3px 0 0 var(--green)} html[data-page~="site"] .row .t{display:flex;justify-content:space-between;gap:10px;align-items:center} html[data-page~="site"] .row code{font:700 var(--fs-sm) var(--f-lat);color:var(--ink)} html[data-page~="site"] .row .m{font-size:var(--fs-caption);color:var(--muted);line-height:1.5;margin-top:4px} html[data-page~="site"] .pill{display:inline-flex;align-items:center;gap:6px;font:600 var(--fs-caption) var(--f-bn);padding:2px 10px;border-radius:999px;white-space:nowrap} html[data-page~="site"] .pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} html[data-page~="site"] .st-pending{background:var(--amber-soft);color:var(--amber)} html[data-page~="site"] .st-review{background:var(--blue-soft);color:var(--blue)} html[data-page~="site"] .st-verified{background:var(--alert-soft);color:var(--alert-ink)} html[data-page~="site"] .st-rejected{background:var(--tint);color:var(--muted)} html[data-page~="site"] .st-resolved{background:var(--green-soft);color:var(--green-ink)} html[data-page~="site"] .kv{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;font-size:var(--fs-sm);margin-top:14px} html[data-page~="site"] .kv dt{color:var(--muted)} html[data-page~="site"] .kv dd{margin:0;color:var(--ink);font-weight:500;word-break:break-word} html[data-page~="site"] .desk-detail h3{font-size:var(--fs-h4);display:flex;gap:10px;align-items:center;flex-wrap:wrap} html[data-page~="site"] .desk-detail h4{font-size:var(--fs-body);margin-top:22px} html[data-page~="site"] .upd{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:10px;display:grid;gap:10px} html[data-page~="site"] .upd select, html[data-page~="site"] .upd textarea{width:100%;font:500 max(16px,var(--fs-sm)) var(--f-bn);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:9px 12px} html[data-page~="site"] .upd textarea{min-height:70px;resize:vertical} html[data-page~="site"] .trail{list-style:none;margin:10px 0 0;padding:0 0 0 18px;border-left:2px solid var(--line);display:grid;gap:12px} html[data-page~="site"] .trail li{position:relative;font-size:var(--fs-sm);line-height:1.55} html[data-page~="site"] .trail li::before{content:"";position:absolute;left:-24px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--green)} html[data-page~="site"] .trail .w{color:var(--muted);font-size:var(--fs-caption)} html[data-page~="site"] .empty{padding:40px 22px;text-align:center;color:var(--muted)} html[data-page~="site"] .back{display:none} @media (max-width:820px){html[data-page~="site"] .desk-main{grid-template-columns:1fr}html[data-page~="site"] .desk-list{border-right:0}html[data-page~="site"] #desk.show-detail .desk-list{display:none}html[data-page~="site"] #desk:not(.show-detail) .desk-detail{display:none}html[data-page~="site"] .back{display:inline-flex;margin-bottom:12px}html[data-page~="site"] .kv{grid-template-columns:1fr}html[data-page~="site"] .kv dt{margin-top:6px}} @media (max-width:560px){html[data-page~="site"] .frow{grid-template-columns:1fr}html[data-page~="site"] .dlg-head{padding:16px}html[data-page~="site"] .dlg-body{padding:16px}} html[data-page~="site"] .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:600;box-shadow:var(--shadow)} /* ===== site ===== */ html[data-page~="site"] .hero-art.anim .ha-mark .box, html[data-page~="site"] .hero-art.anim .ha-verify, html[data-page~="site"] .hero-art.anim .ha-gps, html[data-page~="site"] .hero-art.anim .ha-mark text, html[data-page~="site"] .hero-art.anim .ha-verify small{opacity:1!important;transform:none!important} html[data-page~="site"] .hero-art.anim .ha-mark .lead{stroke-dasharray:none} /* ===== site ===== */ html[data-page~="site"] .avc-fab{position:fixed;right:20px;bottom:20px;z-index:900;display:flex;align-items:center;gap:10px;border:0;cursor:pointer;background:var(--green-ink);color:#fff;border-radius:999px;padding:12px 18px 12px 14px;font:600 15px var(--f-bn);box-shadow:0 14px 30px -12px rgb(17 82 26/.7)} html[data-page~="site"] .avc-fab svg{width:24px;height:24px;flex:none} html[data-page~="site"] .avc-fab .dot{position:absolute;top:6px;left:34px;width:11px;height:11px;border-radius:50%;background:#ff5a6e;border:2px solid #fff;display:none} html[data-page~="site"] .avc-fab.has-new .dot{display:block} html[data-page~="site"] .avc-fab:focus-visible, html[data-page~="site"] .avc-panel button:focus-visible, html[data-page~="site"] .avc-panel textarea:focus-visible, html[data-page~="site"] .avc-panel input:focus-visible{outline:3px solid #f2b705;outline-offset:2px} html[data-page~="site"] .avc-panel{padding:0;margin:0;position:fixed;right:20px;bottom:20px;z-index:901;width:min(380px,calc(100vw - 24px));height:min(600px,calc(100vh - 40px));display:flex;flex-direction:column;background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 30px 70px -20px rgb(16 50 26/.45),0 0 0 1px rgb(22 32 26/.06)} html[data-page~="site"] .avc-panel[hidden], html[data-page~="site"] .avc-fab[hidden]{display:none} html[data-page~="site"] .avc-h{display:flex;align-items:center;gap:12px;padding:14px 14px 14px 16px;background:linear-gradient(120deg,#1d7f27,#14601d);color:#fff} html[data-page~="site"] .avc-av{width:40px;height:40px;border-radius:12px;background:#fff;display:grid;place-items:center;flex:none} html[data-page~="site"] .avc-av img{width:32px;height:auto} html[data-page~="site"] .avc-h b{display:block;font-size:15.5px} html[data-page~="site"] .avc-h small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:#d6f3db} html[data-page~="site"] .avc-h small i{width:8px;height:8px;border-radius:50%;background:#7bf08a} html[data-page~="site"] .avc-h .x{margin-left:auto;border:0;background:rgb(255 255 255/.15);color:#fff;width:34px;height:34px;border-radius:50%;cursor:pointer;font-size:18px} html[data-page~="site"] .avc-body{flex:1;overflow:auto;padding:14px;background:#f5faf6;display:flex;flex-direction:column;gap:8px} html[data-page~="site"] .avc-m{max-width:86%;padding:9px 13px;border-radius:16px;font-size:14.5px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word} html[data-page~="site"] .avc-m a{color:inherit;font-weight:700} html[data-page~="site"] .avc-m.user{align-self:flex-end;background:var(--green-ink);color:#fff;border-bottom-right-radius:5px} html[data-page~="site"] .avc-m.bot, html[data-page~="site"] .avc-m.agent{align-self:flex-start;background:#fff;color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:5px} html[data-page~="site"] .avc-m.agent{border-color:#9fd3a6;background:#eef9f0} html[data-page~="site"] .avc-m .who{display:block;font-size:11.5px;font-weight:700;color:var(--green-ink);margin-bottom:2px} html[data-page~="site"] .avc-m .t{display:block;font-size:11px;opacity:.65;margin-top:3px;text-align:right} html[data-page~="site"] .avc-typing{align-self:flex-start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:10px 14px;display:none;gap:4px} html[data-page~="site"] .avc-typing.on{display:inline-flex} html[data-page~="site"] .avc-typing span{width:7px;height:7px;border-radius:50%;background:#7a8a80;animation:avcDot 1s infinite} html[data-page~="site"] .avc-typing span:nth-child(2){animation-delay:.15s} html[data-page~="site"] .avc-typing span:nth-child(3){animation-delay:.3s} @keyframes avcDot{0%,80%,100%{opacity:.25;transform:none}40%{opacity:1;transform:translateY(-3px)}} html[data-page~="site"] .avc-chips{display:flex;flex-wrap:wrap;gap:6px;padding:4px 0 2px} html[data-page~="site"] .avc-chips button{border:1px solid #bfe2c4;background:#fff;color:var(--green-ink);font:600 13px var(--f-bn);border-radius:999px;padding:6px 11px;cursor:pointer} html[data-page~="site"] .avc-human{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:10px} html[data-page~="site"] .avc-human input{height:38px;border:1px solid var(--line);border-radius:9px;padding:0 10px;font:500 14px var(--f-bn)} html[data-page~="site"] .avc-human .row{display:flex;gap:6px} html[data-page~="site"] .avc-human button{border:0;background:var(--green-ink);color:#fff;border-radius:9px;padding:8px 12px;font:600 13.5px var(--f-bn);cursor:pointer} html[data-page~="site"] .avc-f{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--line);background:#fff} html[data-page~="site"] .avc-f textarea{flex:1;resize:none;max-height:110px;min-height:42px;border:1px solid var(--line);border-radius:12px;padding:10px 12px;font:500 14.5px/1.45 var(--f-bn);color:var(--ink)} html[data-page~="site"] .avc-f button{border:0;width:44px;height:44px;border-radius:12px;background:var(--green-ink);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none} html[data-page~="site"] .avc-f button:disabled{opacity:.5;cursor:default} html[data-page~="site"] .avc-f svg{width:20px;height:20px} html[data-page~="site"] .avc-foot{display:flex;justify-content:space-between;gap:8px;padding:0 12px 10px;background:#fff;font-size:11.5px;color:var(--muted)} html[data-page~="site"] .avc-foot button{border:0;background:none;color:var(--green-ink);font:600 12px var(--f-bn);text-decoration:underline;cursor:pointer;padding:0} @media (max-width:520px){html[data-page~="site"] .avc-fab span{display:none}html[data-page~="site"] .avc-fab{padding:14px}html[data-page~="site"] .avc-panel{right:12px;bottom:12px}} @media (prefers-reduced-motion:reduce){html[data-page~="site"] .avc-typing span{animation:none}} /* ===== reg ===== */ html[data-page~="reg"]{ --navy:#173f22; --navy-deep:#0d2a15; --saffron:#38c037; --saffron-deep:#1d7f27; --ink:#1B2434; --ink-2:#5B6478; --ink-3:#5b6474; --ground:#f6faf7; --panel:#FFFFFF; --panel-2:#f8fbf9; --line:#dfe7e2; --line-2:#e8efea; --green:#1F7A5C; --green-t:#1F7A5C; --green-bg:rgba(31,122,92,.09); --teal:#1d7f27; --teal-t:#173f22; --teal-bg:#eef9f1; --gold:#38c037; --gold-t:#8A5A0E; --gold-bg:#FDF3E1; --red:#B23B3B; --red-bg:#FBEDEC; --sel-bg:rgba(56,192,55,.09); --sel-ring:0 0 0 3px rgba(56,192,55,.16); --brand:linear-gradient(90deg,#1d7f27,#38c037); --brand-strong:linear-gradient(155deg,#173f22,#0d2a15); --shadow:0 1px 2px rgba(22,32,26,.06),0 8px 24px -12px rgba(22,32,26,.18); --ring:0 0 0 3px rgba(56,192,55,.22); --radius:14px; --hd:"DM Sans","Noto Sans Bengali","Noto Sans Bengali",system-ui,sans-serif; --bd:"Noto Sans Bengali","DM Sans","Noto Sans Bengali",system-ui,-apple-system,"Segoe UI",sans-serif; --mono:"JetBrains Mono","Noto Sans Bengali",ui-monospace,SFMono-Regular,Menlo,monospace; --top-h:72px; color-scheme:light; box-sizing:border-box; padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); } html[data-page~="reg"]{ scroll-padding-top:calc(env(safe-area-inset-top,0px) + 150px); -webkit-text-size-adjust:100%; } html[data-page~="reg"] *, html[data-page~="reg"] *::before, html[data-page~="reg"] *::after{ box-sizing:border-box; } html[data-page~="reg"] *{ margin:0; padding:0; } html[data-page~="reg"] body{ font-family:var(--bd); font-size:15px; line-height:1.55; color:var(--ink); background:var(--ground); min-height:100%; -webkit-font-smoothing:antialiased; } html[data-page~="reg"] img{ max-width:100%; display:block; } html[data-page~="reg"] button, html[data-page~="reg"] input, html[data-page~="reg"] textarea, html[data-page~="reg"] select{ font:inherit; color:inherit; } html[data-page~="reg"] button{ cursor:pointer; background:none; border:0; } html[data-page~="reg"] :focus-visible{ outline:none; box-shadow:var(--ring); } html[data-page~="reg"] .sr{ position:absolute!important; left:0; top:0; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } html[data-page~="reg"] [hidden]{ display:none!important; } html[data-page~="reg"] svg{ flex:none; } html[data-page~="reg"] .top{ position:sticky; top:env(safe-area-inset-top,0px); z-index:30; background:var(--panel); border-bottom:1px solid var(--line-2); } html[data-page~="reg"] .top-in{ max-width:1400px; margin:0 auto; padding:10px 24px; display:flex; align-items:center; gap:20px; min-height:var(--top-h); } html[data-page~="reg"] .brand{ display:flex; align-items:center; gap:12px; text-decoration:none; color:inherit; min-width:0; } html[data-page~="reg"] .logo-tile{ width:52px; height:44px; background:#fff; border-radius:10px; display:grid; place-items:center; flex:none; } html[data-page~="reg"] .logo-tile img{ width:48px; height:auto; } html[data-page~="reg"] .brand-txt{ display:flex; flex-direction:column; line-height:1.15; min-width:0; } html[data-page~="reg"] .brand-txt b{ font-family:var(--hd); font-weight:750; font-size:19px; font-stretch:112%; letter-spacing:.01em; } html[data-page~="reg"] .brand-txt span{ font-size:13px; color:var(--ink-3); } html[data-page~="reg"] .ptabs{ margin-left:auto; display:flex; gap:4px; padding:4px; background:var(--panel-2); border:1px solid var(--line-2); border-radius:12px; } html[data-page~="reg"] .ptab{ display:flex; align-items:center; gap:8px; padding:8px 12px; border-radius:9px; font-size:14px; font-weight:600; color:var(--ink-2); white-space:nowrap; position:relative; transition:background .15s,color .15s; } html[data-page~="reg"] .ptab:hover{ background:var(--panel); color:var(--ink); } html[data-page~="reg"] .ptab svg{ width:18px; height:18px; color:var(--teal-t); } html[data-page~="reg"] .ptab .cnt{ font-size:11.5px; font-weight:600; min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:var(--line-2); color:var(--ink-2); display:grid; place-items:center; font-variant-numeric:tabular-nums; } html[data-page~="reg"] .ptab.linked::after{ content:""; position:absolute; top:6px; right:6px; width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 0 2px var(--panel-2); } html[data-page~="reg"] .prog{ height:3px; background:var(--line-2); } html[data-page~="reg"] .prog i{ display:block; height:100%; width:0; background:var(--brand); transition:width .45s cubic-bezier(.65,0,.35,1); } html[data-page~="reg"] .wrap{ max-width:1400px; margin:0 auto; padding:24px 24px 64px; } html[data-page~="reg"] .layout{ display:grid; grid-template-columns:236px minmax(0,1fr) 300px; gap:24px; align-items:start; } html[data-page~="reg"] .banner{ display:flex; align-items:center; gap:12px; flex-wrap:wrap; background:var(--teal-bg); border:1px solid color-mix(in srgb,var(--teal) 30%,transparent); color:var(--ink); padding:10px 14px; border-radius:12px; margin-bottom:18px; font-size:14px; } html[data-page~="reg"] .banner b{ font-weight:600; } html[data-page~="reg"] .banner .lnk{ margin-left:auto; } html[data-page~="reg"] .stepper{ position:sticky; top:calc(var(--top-h) + 28px + env(safe-area-inset-top,0px)); background:var(--panel); border:1px solid var(--line-2); border-radius:16px; padding:8px; box-shadow:var(--shadow); } html[data-page~="reg"] .stepper ol{ list-style:none; display:flex; flex-direction:column; gap:1px; } html[data-page~="reg"] .st-item{ position:relative; width:100%; display:grid; grid-template-columns:28px 1fr auto; align-items:center; gap:10px; padding:8px 8px; border-radius:10px; text-align:left; transition:background .15s; } html[data-page~="reg"] .st-item:hover{ background:var(--panel-2); } html[data-page~="reg"] .st-item[aria-current="step"]{ background:var(--green-bg); } html[data-page~="reg"] .st-n{ width:28px; height:28px; border-radius:50%; display:grid; place-items:center; font-size:12.5px; font-weight:600; border:1.5px solid var(--line); color:var(--ink-3); background:var(--panel); font-variant-numeric:tabular-nums; } html[data-page~="reg"] .st-item[aria-current="step"] .st-n{ border-color:var(--green-t); color:var(--green-t); } html[data-page~="reg"] .st-item.done .st-n{ background:var(--green-t); border-color:var(--green-t); color:#fff; } html[data-page~="reg"] .st-item.err .st-n{ background:var(--red); border-color:var(--red); color:#fff; } html[data-page~="reg"] .st-l{ display:flex; flex-direction:column; line-height:1.2; min-width:0; } html[data-page~="reg"] .st-l b{ font-size:14px; font-weight:600; color:var(--ink); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="reg"] .st-l span{ font-size:11.5px; color:var(--ink-3); } html[data-page~="reg"] .st-c{ font-size:11.5px; color:var(--ink-3); font-variant-numeric:tabular-nums; } html[data-page~="reg"] .st-sep{ height:1px; background:var(--line-2); margin:6px 8px; } html[data-page~="reg"] .panel{ background:var(--panel); border:1px solid var(--line-2); border-radius:18px; box-shadow:var(--shadow); min-width:0; display:flex; flex-direction:column; } html[data-page~="reg"] .panel-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; flex-wrap:wrap; padding:14px 28px; border-bottom:1px solid var(--line-2); } html[data-page~="reg"] .save-state{ display:flex; align-items:center; gap:8px; font-size:13px; color:var(--ink-3); } html[data-page~="reg"] .save-state i{ width:8px; height:8px; border-radius:50%; background:var(--green); } html[data-page~="reg"] .save-state.busy i{ background:var(--gold); } html[data-page~="reg"] .save-state.warn i{ background:var(--red); } html[data-page~="reg"] .seg{ display:inline-flex; padding:3px; border-radius:10px; background:var(--panel-2); border:1px solid var(--line-2); } html[data-page~="reg"] .seg button{ padding:6px 12px; font-size:13.5px; font-weight:600; border-radius:8px; color:var(--ink-2); } html[data-page~="reg"] .seg button[aria-checked="true"]{ background:var(--panel); color:var(--ink); box-shadow:0 1px 2px rgba(0,0,0,.08),0 0 0 1px var(--line); } html[data-page~="reg"] .body{ padding:28px 28px 8px; flex:1; } html[data-page~="reg"] .req-note{ font-size:13px; color:var(--ink-3); } html[data-page~="reg"] .req-note b{ color:var(--red); } html[data-page~="reg"] .sec{ scroll-margin-top:calc(var(--top-h) + 28px); } html[data-page~="reg"] .sec + .sec{ margin-top:44px; padding-top:36px; border-top:2px solid var(--line-2); } html[data-page~="reg"] .sec-head{ margin-bottom:24px; max-width:64ch; } html[data-page~="reg"] .sec-n{ font-size:13px; font-weight:600; color:var(--teal-t); } html[data-page~="reg"] .sec-head h2{ font-family:var(--hd); font-weight:680; font-stretch:108%; font-size:28px; line-height:1.2; margin:2px 0 6px; letter-spacing:-.005em; } html[data-page~="reg"] .sec-head p{ color:var(--ink-2); font-size:14.5px; } html[data-page~="reg"] .grp{ border:0; margin-top:28px; padding-top:22px; border-top:1px solid var(--line-2); min-width:0; } html[data-page~="reg"] .grp > legend{ float:left; width:100%; font-family:var(--hd); font-weight:620; font-size:18px; font-stretch:106%; margin-bottom:14px; display:flex; align-items:center; gap:10px; } html[data-page~="reg"] .grp > legend + *{ clear:both; } html[data-page~="reg"] .grp > legend small{ font-family:var(--bd); font-size:13px; font-weight:400; color:var(--ink-3); } html[data-page~="reg"] .first{ margin-top:0; padding-top:0; border-top:0; } html[data-page~="reg"] .grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px 18px; } html[data-page~="reg"] .grid.g3{ grid-template-columns:repeat(3,minmax(0,1fr)); } html[data-page~="reg"] .grid.g4{ grid-template-columns:repeat(4,minmax(0,1fr)); } html[data-page~="reg"] .span-all{ grid-column:1/-1; } html[data-page~="reg"] .stack > * + *{ margin-top:20px; } html[data-page~="reg"] .fld{ min-width:0; } html[data-page~="reg"] .lbl, html[data-page~="reg"] .fld > label{ display:flex; align-items:center; flex-wrap:wrap; gap:6px; font-size:14px; font-weight:600; color:var(--ink); margin-bottom:7px; } html[data-page~="reg"] .rq{ color:var(--red); font-weight:700; } html[data-page~="reg"] .opt{ font-weight:400; color:var(--ink-3); font-size:12.5px; } html[data-page~="reg"] .inp{ position:relative; display:flex; align-items:center; } html[data-page~="reg"] .inp input, html[data-page~="reg"] .inp textarea, html[data-page~="reg"] .combo input, html[data-page~="reg"] .search input, html[data-page~="reg"] .lsearch input{ width:100%; min-height:46px; border:1.5px solid var(--line); border-radius:10px; background:var(--panel); padding:10px 14px; font-size:15.5px; transition:border-color .15s,box-shadow .15s,background .15s; } html[data-page~="reg"] .inp textarea{ min-height:88px; resize:vertical; line-height:1.5; } html[data-page~="reg"] .inp input::placeholder, html[data-page~="reg"] .inp textarea::placeholder, html[data-page~="reg"] .combo input::placeholder, html[data-page~="reg"] .search input::placeholder, html[data-page~="reg"] .lsearch input::placeholder{ color:var(--ink-3); opacity:.8; } html[data-page~="reg"] .inp input:hover, html[data-page~="reg"] .combo input:hover, html[data-page~="reg"] .inp textarea:hover{ border-color:color-mix(in srgb,var(--ink-3) 60%,var(--line)); } html[data-page~="reg"] .inp input:focus, html[data-page~="reg"] .inp textarea:focus, html[data-page~="reg"] .combo input:focus, html[data-page~="reg"] .search input:focus, html[data-page~="reg"] .lsearch input:focus{ outline:none; border-color:var(--teal); box-shadow:var(--ring); } html[data-page~="reg"] .inp input:disabled, html[data-page~="reg"] .combo input:disabled{ background:var(--panel-2); color:var(--ink-3); cursor:not-allowed; } html[data-page~="reg"] .inp.has-suffix input{ padding-right:74px; } html[data-page~="reg"] .suffix{ position:absolute; right:6px; top:50%; transform:translateY(-50%); font-size:12.5px; font-weight:700; letter-spacing:.02em; color:var(--teal-t); background:var(--teal-bg); padding:4px 8px; border-radius:7px; pointer-events:none; } html[data-page~="reg"] .mono{ font-variant-numeric:tabular-nums; letter-spacing:.03em; } html[data-page~="reg"] .hint{ font-size:12.5px; color:var(--ink-3); margin-top:6px; } html[data-page~="reg"] div.err{ font-size:13px; color:var(--red); margin-top:6px; display:flex; gap:6px; align-items:flex-start; } html[data-page~="reg"] div.err:empty{ display:none; } html[data-page~="reg"] div.err::before{ content:"!"; flex:none; width:16px; height:16px; border-radius:50%; background:var(--red); color:#fff; font-size:12px; font-weight:700; display:grid; place-items:center; margin-top:2px; } html[data-page~="reg"] .bad input, html[data-page~="reg"] .bad textarea, html[data-page~="reg"] .bad .up-drop{ border-color:var(--red)!important; } html[data-page~="reg"] .bad .chips{ border-radius:12px; box-shadow:0 0 0 1.5px var(--red); padding:6px; } html[data-page~="reg"] .is-imp input, html[data-page~="reg"] .is-imp textarea{ background:var(--teal-bg); border-color:color-mix(in srgb,var(--teal) 55%,var(--line)); } html[data-page~="reg"] .is-edit input, html[data-page~="reg"] .is-edit textarea{ background:var(--gold-bg); } html[data-page~="reg"] .src{ font-size:11.5px; font-weight:600; padding:1px 8px; border-radius:6px; line-height:1.6; } html[data-page~="reg"] .src.imp{ background:var(--teal-bg); color:var(--teal-t); } html[data-page~="reg"] .src.edit{ background:var(--gold-bg); color:var(--gold-t); } html[data-page~="reg"] .norm{ font-size:12.5px; color:var(--teal-t); margin-top:6px; } html[data-page~="reg"] .combo{ position:relative; } html[data-page~="reg"] .combo input{ padding-right:38px; } html[data-page~="reg"] .combo .chev{ position:absolute; right:12px; top:50%; transform:translateY(-50%); width:16px; height:16px; color:var(--ink-3); pointer-events:none; } html[data-page~="reg"] .lb{ position:absolute; z-index:25; left:0; right:0; top:calc(100% + 4px); background:var(--panel); border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 40px -16px rgba(0,0,0,.35); max-height:280px; overflow:auto; list-style:none; padding:6px; } html[data-page~="reg"] .lb li{ padding:9px 10px; border-radius:8px; cursor:pointer; font-size:14.5px; display:flex; flex-direction:column; gap:1px; } html[data-page~="reg"] .lb li[aria-selected="true"], html[data-page~="reg"] .lb li:hover{ background:var(--teal-bg); } html[data-page~="reg"] .lb li.cur{ font-weight:600; color:var(--green-t); } html[data-page~="reg"] .lb li small{ color:var(--ink-3); font-size:12.5px; } html[data-page~="reg"] .lb li.empty{ cursor:default; color:var(--ink-3); background:none; } html[data-page~="reg"] .lb .miss{ color:var(--gold-t); } html[data-page~="reg"] .chips{ display:flex; flex-wrap:wrap; gap:8px; } html[data-page~="reg"] .chip{ min-height:44px; padding:6px 14px; border:1.5px solid var(--line); border-radius:10px; background:var(--panel); font-size:14.5px; font-weight:500; display:inline-flex; align-items:center; gap:8px; transition:border-color .12s,background .12s; text-align:left; line-height:1.3; } html[data-page~="reg"] .chip:hover{ border-color:color-mix(in srgb,var(--ink-3) 70%,var(--line)); } html[data-page~="reg"] .chip small{ font-size:11.5px; font-weight:700; color:var(--ink-3); letter-spacing:.02em; } html[data-page~="reg"] .chip .ck{ width:16px; height:16px; color:var(--green-t); display:none; } html[data-page~="reg"] .chip[aria-checked="true"]{ border-color:var(--green-t); background:var(--green-bg); box-shadow:inset 0 0 0 1px var(--green-t); font-weight:600; } html[data-page~="reg"] .chip[aria-checked="true"] .ck{ display:block; } html[data-page~="reg"] .chip[aria-checked="true"] small{ color:var(--green-t); } html[data-page~="reg"] .chip.oth{ border-style:dashed; color:var(--ink-2); } html[data-page~="reg"] .chip.oth[aria-checked="true"]{ border-style:solid; } html[data-page~="reg"] .sw{ width:20px; height:20px; border-radius:50%; flex:none; box-shadow:inset 0 0 0 1.5px rgba(0,0,0,.22),0 0 0 2px var(--panel); } html[data-page~="reg"] .chip-filter{ margin-bottom:10px; max-width:240px; } html[data-page~="reg"] .chip-filter input{ min-height:38px; font-size:14px; } html[data-page~="reg"] .other{ margin-top:10px; max-width:360px; } html[data-page~="reg"] .same{ margin-top:8px; } html[data-page~="reg"] .qsum{ margin-top:10px; font-size:14px; color:var(--ink-2); } html[data-page~="reg"] .qsum b{ color:var(--ink); } html[data-page~="reg"] .chips.vt{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } html[data-page~="reg"] .chip.vt{ flex-direction:column; align-items:flex-start; gap:6px; padding:16px 16px 14px; border-radius:14px; position:relative; min-height:150px; } html[data-page~="reg"] .chip.vt .ic{ width:72px; height:46px; color:var(--teal-t); margin-bottom:4px; } html[data-page~="reg"] .chip.vt b{ font-family:var(--hd); font-size:17.5px; font-weight:640; font-stretch:104%; line-height:1.25; } html[data-page~="reg"] .chip.vt span.s{ font-size:12.5px; color:var(--ink-3); font-weight:400; } html[data-page~="reg"] .chip.vt .ck{ position:absolute; top:12px; right:12px; width:22px; height:22px; background:var(--green-t); color:#fff; border-radius:50%; padding:4px; } html[data-page~="reg"] .chip.vt[aria-checked="true"]{ box-shadow:inset 0 0 0 1px var(--green-t),0 8px 22px -14px rgba(10,123,46,.6); } html[data-page~="reg"] .chip.vt[aria-checked="true"] .ic{ color:var(--green-t); } html[data-page~="reg"] .chips.roof{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } html[data-page~="reg"] .chip.roof{ align-items:center; gap:12px; padding:10px 12px; min-height:64px; } html[data-page~="reg"] .chip.roof .ic{ width:48px; height:32px; color:var(--teal-t); } html[data-page~="reg"] .chip.roof[aria-checked="true"] .ic{ color:var(--green-t); } html[data-page~="reg"] .chip.roof .ck{ margin-left:auto; } html[data-page~="reg"] .chip.sw-chip{ padding-left:10px; } html[data-page~="reg"] .addr{ border:1px solid var(--line-2); background:var(--panel-2); border-radius:14px; padding:16px; min-width:0; } html[data-page~="reg"] .addr > legend{ float:left; width:100%; font-size:14px; font-weight:600; margin-bottom:10px; display:flex; align-items:center; gap:6px; } html[data-page~="reg"] .addr > legend + *{ clear:both; } html[data-page~="reg"] .addr .seg{ margin-bottom:14px; background:var(--panel); } html[data-page~="reg"] .addr .seg button[aria-checked="true"]{ background:var(--green-bg); color:var(--green-t); box-shadow:inset 0 0 0 1px var(--green-t); } html[data-page~="reg"] .addr .detail{ margin-top:14px; } html[data-page~="reg"] .pathline{ font-size:12.5px; color:var(--ink-3); margin-top:10px; } html[data-page~="reg"] .link{ display:grid; grid-template-columns:40px minmax(0,1fr) auto; gap:14px; align-items:center; padding:14px 16px; border:1.5px dashed var(--line); border-radius:14px; margin-bottom:20px; background:var(--panel); } html[data-page~="reg"] .link .lk-ico{ width:40px; height:40px; border-radius:10px; display:grid; place-items:center; background:var(--teal-bg); color:var(--teal-t); } html[data-page~="reg"] .link .lk-ico svg{ width:20px; height:20px; } html[data-page~="reg"] .lk-k{ font-size:13px; color:var(--ink-2); display:block; margin-bottom:6px; } html[data-page~="reg"] .lk-body b{ display:block; font-size:16px; font-weight:600; } html[data-page~="reg"] .lk-m{ font-size:13px; color:var(--ink-3); } html[data-page~="reg"] .lk-warn{ display:block; margin-top:6px; font-size:13px; color:var(--gold-t); } html[data-page~="reg"] .lk-act{ display:flex; gap:6px; flex-wrap:wrap; justify-content:flex-end; } html[data-page~="reg"] .link.on{ border-style:solid; border-color:color-mix(in srgb,var(--teal) 45%,var(--line)); background:var(--teal-bg); } html[data-page~="reg"] .link.on .lk-ico{ background:var(--panel); } html[data-page~="reg"] .link.on .lk-k{ margin-bottom:0; color:var(--teal-t); font-weight:600; } html[data-page~="reg"] .lsearch{ position:relative; } html[data-page~="reg"] .lsearch input{ min-height:42px; font-size:15px; } html[data-page~="reg"] .link-note{ font-size:12.5px; color:var(--ink-3); margin:-12px 0 20px; } html[data-page~="reg"] .up{ min-width:0; } html[data-page~="reg"] .up-drop{ display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; gap:4px; min-height:132px; border:1.5px dashed var(--line); border-radius:12px; padding:14px; cursor:pointer; background:var(--panel-2); transition:border-color .15s,background .15s; } html[data-page~="reg"] .up-drop:hover{ border-color:var(--teal); background:var(--teal-bg); } html[data-page~="reg"] .up-drop:focus-within{ border-color:var(--teal); box-shadow:var(--ring); } html[data-page~="reg"] .up-drop svg{ width:26px; height:26px; color:var(--teal-t); margin-bottom:4px; } html[data-page~="reg"] .up-drop b{ font-size:14px; font-weight:600; } html[data-page~="reg"] .up-drop span{ font-size:12.5px; color:var(--ink-3); } html[data-page~="reg"] .up-prev{ display:flex; gap:12px; align-items:center; border:1.5px solid var(--line); border-radius:12px; padding:10px; background:var(--panel); min-height:132px; } html[data-page~="reg"] .up-prev img, html[data-page~="reg"] .up-prev .pdf{ width:96px; height:96px; object-fit:cover; border-radius:8px; flex:none; background:var(--panel-2); } html[data-page~="reg"] .up-prev .pdf{ display:grid; place-items:center; font-weight:700; color:var(--red); border:1px solid var(--line); } html[data-page~="reg"] .up-meta{ min-width:0; display:flex; flex-direction:column; gap:2px; } html[data-page~="reg"] .up-meta b{ font-size:13.5px; font-weight:600; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } html[data-page~="reg"] .up-meta span{ font-size:12.5px; color:var(--ink-3); } html[data-page~="reg"] .up-act{ display:flex; gap:14px; margin-top:6px; } html[data-page~="reg"] .up.avatar .up-drop, html[data-page~="reg"] .up.avatar .up-prev{ min-height:0; height:176px; } html[data-page~="reg"] .up.avatar .up-prev{ flex-direction:column; justify-content:center; text-align:center; } html[data-page~="reg"] .up.avatar .up-prev img{ width:84px; height:84px; border-radius:50%; } html[data-page~="reg"] .up.avatar .up-act{ justify-content:center; } html[data-page~="reg"] .agent-row{ display:grid; grid-template-columns:168px minmax(0,1fr); gap:18px; align-items:start; } html[data-page~="reg"] .btn{ display:inline-flex; align-items:center; justify-content:center; gap:8px; min-height:44px; padding:0 18px; border-radius:10px; font-weight:600; font-size:15px; white-space:nowrap; transition:filter .15s,background .15s,border-color .15s; } html[data-page~="reg"] .btn.sm{ min-height:36px; padding:0 12px; font-size:13.5px; border-radius:8px; } html[data-page~="reg"] .btn.primary{ background:var(--brand-strong); color:#fff; } html[data-page~="reg"] .btn.primary:hover{ filter:brightness(1.08); } html[data-page~="reg"] .btn.primary:disabled{ filter:grayscale(.6) opacity(.6); cursor:not-allowed; } html[data-page~="reg"] .btn.ghost{ border:1.5px solid var(--line); background:var(--panel); color:var(--ink); } html[data-page~="reg"] .btn.ghost:hover{ border-color:var(--ink-3); } html[data-page~="reg"] .btn.ghost:disabled{ opacity:.45; cursor:not-allowed; } html[data-page~="reg"] .btn.danger{ color:var(--red); } html[data-page~="reg"] .btn.teal{ background:var(--teal-bg); color:var(--teal-t); border:1.5px solid color-mix(in srgb,var(--teal) 40%,transparent); } html[data-page~="reg"] .lnk{ color:var(--teal-t); font-weight:600; font-size:13.5px; text-decoration:underline; text-underline-offset:3px; text-decoration-thickness:1px; cursor:pointer; } html[data-page~="reg"] .lnk.danger{ color:var(--red); } html[data-page~="reg"] .icon-btn{ width:40px; height:40px; border-radius:10px; display:grid; place-items:center; color:var(--ink-2); } html[data-page~="reg"] .icon-btn:hover{ background:var(--panel-2); } html[data-page~="reg"] .navbar{ position:sticky; bottom:0; z-index:5; display:flex; align-items:center; gap:10px; padding:14px 28px calc(14px + env(safe-area-inset-bottom,0px)); background:color-mix(in srgb,var(--panel) 92%,transparent); backdrop-filter:blur(8px); border-top:1px solid var(--line-2); border-radius:0 0 18px 18px; } html[data-page~="reg"] .navbar .grow{ flex:1; } html[data-page~="reg"] .navbar .meta{ font-size:13px; color:var(--ink-3); } html[data-page~="reg"] .errsum{ background:var(--red-bg); border:1px solid color-mix(in srgb,var(--red) 35%,transparent); border-radius:12px; padding:12px 16px; margin-bottom:22px; font-size:14px; } html[data-page~="reg"] .errsum b{ color:var(--red); } html[data-page~="reg"] .errsum ul{ margin:6px 0 0 18px; } html[data-page~="reg"] .errsum a{ color:var(--ink); cursor:pointer; text-decoration:underline; } html[data-page~="reg"] .nid-row{ display:flex; gap:10px; align-items:flex-start; } html[data-page~="reg"] .nid-row .inp{ flex:1; } html[data-page~="reg"] .nid-ok{ display:flex; gap:14px; align-items:center; padding:14px; border-radius:12px; background:var(--green-bg); border:1px solid color-mix(in srgb,var(--green-t) 35%,transparent); margin-top:14px; } html[data-page~="reg"] .nid-ok .av{ width:48px; height:48px; border-radius:50%; background:var(--panel); display:grid; place-items:center; color:var(--green-t); } html[data-page~="reg"] .nid-ok b{ display:block; } html[data-page~="reg"] .nid-ok span{ font-size:13px; color:var(--ink-2); } html[data-page~="reg"] .nid-ok .tag{ margin-left:auto; } html[data-page~="reg"] .tag{ display:inline-flex; align-items:center; gap:4px; font-size:12px; font-weight:600; padding:3px 9px; border-radius:20px; white-space:nowrap; } html[data-page~="reg"] .tag.ok{ background:var(--green-bg); color:var(--green-t); } html[data-page~="reg"] .tag.teal{ background:var(--teal-bg); color:var(--teal-t); } html[data-page~="reg"] .tag.gold{ background:var(--gold-bg); color:var(--gold-t); } html[data-page~="reg"] .quick{ display:flex; flex-wrap:wrap; gap:8px; align-items:center; margin-bottom:18px; font-size:13.5px; color:var(--ink-2); } html[data-page~="reg"] .rv{ border:1px solid var(--line-2); border-radius:14px; margin-bottom:14px; overflow:hidden; } html[data-page~="reg"] .rv-h{ display:flex; align-items:center; gap:10px; padding:12px 16px; background:var(--panel-2); border-bottom:1px solid var(--line-2); } html[data-page~="reg"] .rv-h h3{ font-family:var(--hd); font-weight:620; font-size:16.5px; font-stretch:105%; } html[data-page~="reg"] .rv-h .lnk{ margin-left:auto; } html[data-page~="reg"] .rv dl{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); } html[data-page~="reg"] .rv dl > div{ display:flex; justify-content:space-between; gap:14px; padding:9px 16px; border-bottom:1px solid var(--line-2); font-size:14px; } html[data-page~="reg"] .rv dt{ color:var(--ink-3); } html[data-page~="reg"] .rv dd{ font-weight:600; text-align:right; overflow-wrap:anywhere; } html[data-page~="reg"] .rv dd.none{ color:var(--ink-3); font-weight:400; } html[data-page~="reg"] .rv dd .src{ margin-left:6px; } html[data-page~="reg"] .sigwrap{ margin-top:22px; } html[data-page~="reg"] .sigpad{ position:relative; height:170px; border:1.5px dashed var(--line); border-radius:12px; background:var(--panel-2); touch-action:none; overflow:hidden; } html[data-page~="reg"] .sigpad canvas{ width:100%; height:100%; display:block; } html[data-page~="reg"] .sigpad .ph{ position:absolute; inset:0; display:grid; place-items:center; color:var(--ink-3); pointer-events:none; font-size:14px; } html[data-page~="reg"] .sigpad::after{ content:""; position:absolute; left:24px; right:24px; bottom:38px; border-bottom:1px solid var(--line); pointer-events:none; } html[data-page~="reg"] .chips.pay{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } html[data-page~="reg"] .chip.pay{ flex-direction:column; align-items:flex-start; padding:14px 16px; min-height:78px; position:relative; } html[data-page~="reg"] .chip.pay b{ font-size:16px; } html[data-page~="reg"] .chip.pay span.s{ font-size:12.5px; color:var(--ink-3); font-weight:400; } html[data-page~="reg"] .chip.pay .ck{ position:absolute; top:12px; right:12px; } html[data-page~="reg"] .fee{ margin-top:22px; border:1px solid var(--line-2); border-radius:14px; overflow:hidden; } html[data-page~="reg"] .fee div{ display:flex; justify-content:space-between; padding:10px 16px; border-bottom:1px solid var(--line-2); font-size:14.5px; } html[data-page~="reg"] .fee div:last-child{ border-bottom:0; background:var(--panel-2); font-weight:700; } html[data-page~="reg"] .success{ text-align:center; padding:28px 0 20px; max-width:560px; margin:0 auto; } html[data-page~="reg"] .done-mark{ width:88px; height:88px; margin:0 auto 18px; } html[data-page~="reg"] .success h2{ font-family:var(--hd); font-size:30px; font-weight:700; font-stretch:108%; margin-bottom:6px; } html[data-page~="reg"] .success p{ color:var(--ink-2); } html[data-page~="reg"] .success dl{ text-align:left; margin:24px 0; border:1px solid var(--line-2); border-radius:14px; overflow:hidden; } html[data-page~="reg"] .success dl div{ display:flex; justify-content:space-between; gap:12px; padding:12px 16px; border-bottom:1px solid var(--line-2); } html[data-page~="reg"] .success dl div:last-child{ border-bottom:0; } html[data-page~="reg"] .success dt{ color:var(--ink-3); } html[data-page~="reg"] .success dd{ font-weight:700; } html[data-page~="reg"] .done-act{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; } html[data-page~="reg"] .aside{ position:sticky; top:calc(var(--top-h) + 28px + env(safe-area-inset-top,0px)); display:flex; flex-direction:column; gap:16px; } html[data-page~="reg"] .idc{ padding:2px; border-radius:20px; background:var(--brand); box-shadow:0 18px 40px -22px rgba(0,120,140,.7); } html[data-page~="reg"] .idc-in{ background:var(--panel); border-radius:18px; padding:16px; } html[data-page~="reg"] .idc-top{ display:flex; align-items:center; gap:10px; padding-bottom:12px; border-bottom:1px solid var(--line-2); } html[data-page~="reg"] .idc-top .logo-tile{ width:40px; height:34px; border-radius:8px; border:1px solid var(--line-2); } html[data-page~="reg"] .idc-top .logo-tile img{ width:36px; } html[data-page~="reg"] .idc-top b{ display:block; font-family:var(--hd); font-weight:700; font-stretch:110%; font-size:15px; line-height:1.1; } html[data-page~="reg"] .idc-top span{ font-size:12px; color:var(--ink-3); } html[data-page~="reg"] .idc-top .st{ margin-left:auto; } html[data-page~="reg"] .idc-who{ display:flex; gap:12px; align-items:center; padding:14px 0 10px; } html[data-page~="reg"] .idc-ph{ width:56px; height:56px; border-radius:12px; background:var(--panel-2); border:1px solid var(--line-2); display:grid; place-items:center; color:var(--teal-t); overflow:hidden; flex:none; } html[data-page~="reg"] .idc-ph img{ width:100%; height:100%; object-fit:cover; } html[data-page~="reg"] .idc-ph svg{ width:42px; height:28px; } html[data-page~="reg"] .idc-who b{ display:block; font-size:16px; font-weight:600; line-height:1.3; } html[data-page~="reg"] .idc-who span{ font-size:13px; color:var(--ink-3); } html[data-page~="reg"] .idc dl{ font-size:13px; } html[data-page~="reg"] .idc dl div{ display:flex; justify-content:space-between; gap:10px; padding:5px 0; border-bottom:1px dashed var(--line-2); } html[data-page~="reg"] .idc dt{ color:var(--ink-3); flex:none; } html[data-page~="reg"] .idc dd{ font-weight:600; text-align:right; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:flex; align-items:center; gap:6px; justify-content:flex-end; } html[data-page~="reg"] .idc dd .sw{ width:12px; height:12px; } html[data-page~="reg"] .idc-foot{ display:flex; align-items:center; gap:12px; padding-top:12px; } html[data-page~="reg"] .idc-foot canvas{ width:52px; height:52px; border-radius:6px; } html[data-page~="reg"] .plate{ font-weight:700; font-size:14px; border:2px solid var(--ink); border-radius:6px; padding:3px 10px; background:#fff; color:#10201F; } html[data-page~="reg"] .plate.empty{ border-style:dashed; border-color:var(--line); color:var(--ink-3); background:none; font-weight:500; font-size:12.5px; } html[data-page~="reg"] .stars{ color:var(--gold); letter-spacing:3px; font-size:12px; margin-left:auto; } html[data-page~="reg"] .card{ background:var(--panel); border:1px solid var(--line-2); border-radius:16px; padding:14px; box-shadow:var(--shadow); } html[data-page~="reg"] .card h3{ font-family:var(--hd); font-size:15.5px; font-weight:640; font-stretch:106%; margin:2px 4px 8px; } html[data-page~="reg"] .lrow{ width:100%; display:grid; grid-template-columns:32px 1fr 10px; gap:10px; align-items:center; padding:8px 6px; border-radius:10px; text-align:left; } html[data-page~="reg"] .lrow:hover{ background:var(--panel-2); } html[data-page~="reg"] .lrow .i{ width:32px; height:32px; border-radius:8px; background:var(--teal-bg); color:var(--teal-t); display:grid; place-items:center; } html[data-page~="reg"] .lrow .i svg{ width:16px; height:16px; } html[data-page~="reg"] .lrow b{ display:block; font-size:13.5px; font-weight:600; } html[data-page~="reg"] .lrow small{ display:block; font-size:12.5px; color:var(--ink-3); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } html[data-page~="reg"] .lrow .d{ width:8px; height:8px; border-radius:50%; background:var(--line); } html[data-page~="reg"] .lrow .d.on{ background:var(--green); } html[data-page~="reg"] .help{ font-size:13px; color:var(--ink-2); } html[data-page~="reg"] .help b{ display:block; color:var(--ink); font-size:14px; margin-bottom:2px; } html[data-page~="reg"] .drawer{ position:fixed; inset:0; z-index:60; } html[data-page~="reg"] .dr-back{ position:absolute; inset:0; background:rgba(8,20,19,.45); animation:fade .2s ease; } html[data-page~="reg"] .dr-panel{ position:absolute; top:0; right:0; bottom:0; width:min(560px,100%); background:var(--panel); display:flex; flex-direction:column; box-shadow:-20px 0 60px -20px rgba(0,0,0,.4); animation:slide .24s cubic-bezier(.2,.8,.2,1); padding-top:env(safe-area-inset-top,0px); padding-bottom:env(safe-area-inset-bottom,0px); } @keyframes slide{ from{ transform:translateX(40px); opacity:0; } } @keyframes fade{ from{ opacity:0; } } html[data-page~="reg"] .dr-head{ display:flex; align-items:flex-start; gap:12px; padding:18px 20px 12px; } html[data-page~="reg"] .dr-head h2{ font-family:var(--hd); font-size:22px; font-weight:680; font-stretch:108%; } html[data-page~="reg"] .dr-head p{ font-size:13.5px; color:var(--ink-3); } html[data-page~="reg"] .dr-head .icon-btn{ margin-left:auto; } html[data-page~="reg"] .dr-tabs{ display:flex; gap:4px; padding:0 16px; border-bottom:1px solid var(--line-2); overflow-x:auto; scrollbar-width:none; } html[data-page~="reg"] .dr-tab{ padding:10px 12px; font-size:14px; font-weight:600; color:var(--ink-2); border-bottom:2.5px solid transparent; white-space:nowrap; display:flex; gap:8px; align-items:center; } html[data-page~="reg"] .dr-tab svg{ width:16px; height:16px; } html[data-page~="reg"] .dr-tab[aria-selected="true"]{ color:var(--green-t); border-bottom-color:var(--green-t); } html[data-page~="reg"] .dr-body{ flex:1; overflow:auto; padding:18px 20px 28px; } html[data-page~="reg"] .dr-tools{ display:flex; gap:10px; margin-bottom:12px; } html[data-page~="reg"] .search{ position:relative; flex:1; } html[data-page~="reg"] .search svg{ position:absolute; left:12px; top:50%; transform:translateY(-50%); width:18px; height:18px; color:var(--ink-3); } html[data-page~="reg"] .search input{ padding-left:40px; } html[data-page~="reg"] .dr-count{ font-size:13px; color:var(--ink-3); margin:6px 2px 10px; } html[data-page~="reg"] .pcard{ border:1px solid var(--line-2); border-radius:14px; padding:14px; margin-bottom:10px; display:flex; flex-direction:column; gap:10px; } html[data-page~="reg"] .pcard.is-linked{ border-color:color-mix(in srgb,var(--green-t) 45%,var(--line)); background:var(--green-bg); } html[data-page~="reg"] .pc-main b{ font-size:16px; font-weight:600; display:block; } html[data-page~="reg"] .pc-main > span{ font-size:14px; color:var(--ink-2); } html[data-page~="reg"] .pc-meta{ display:flex; flex-wrap:wrap; gap:6px 14px; font-size:13px; color:var(--ink-3); margin-top:4px; } html[data-page~="reg"] .pc-meta .pid{ color:var(--teal-t); font-weight:600; } html[data-page~="reg"] .pc-miss{ font-size:13px; color:var(--gold-t); margin-top:6px; } html[data-page~="reg"] .pc-act{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; } html[data-page~="reg"] .empty-state{ text-align:center; padding:36px 12px; color:var(--ink-2); } html[data-page~="reg"] .empty-state p{ margin-bottom:14px; } html[data-page~="reg"] .dr-form h3{ font-family:var(--hd); font-size:20px; font-weight:660; font-stretch:106%; margin:10px 0 4px; } html[data-page~="reg"] .dr-form .muted{ font-size:13.5px; color:var(--ink-3); margin-bottom:16px; } html[data-page~="reg"] .dr-form .grid{ grid-template-columns:1fr 1fr; } html[data-page~="reg"] .dupw{ margin-top:14px; background:var(--gold-bg); color:var(--ink); border-radius:12px; padding:12px 14px; font-size:14px; } html[data-page~="reg"] .dupw b{ color:var(--gold-t); } html[data-page~="reg"] .check{ display:flex; gap:10px; align-items:flex-start; margin-top:16px; font-size:14px; cursor:pointer; } html[data-page~="reg"] .check input{ width:20px; height:20px; margin-top:2px; accent-color:var(--green-t); flex:none; } html[data-page~="reg"] .dr-foot{ display:flex; gap:10px; justify-content:flex-end; margin-top:22px; } html[data-page~="reg"] .hist{ margin-top:22px; border-top:1px solid var(--line-2); padding-top:14px; font-size:13px; color:var(--ink-3); } html[data-page~="reg"] .hist h4{ font-size:13.5px; color:var(--ink-2); margin-bottom:6px; } html[data-page~="reg"] .hist li{ margin-left:16px; } html[data-page~="reg"] .modal{ position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:20px; } html[data-page~="reg"] .modal .dr-back{ position:fixed; } html[data-page~="reg"] .m-box{ position:relative; background:var(--panel); border-radius:18px; width:min(520px,100%); max-height:86vh; overflow:auto; padding:22px; box-shadow:0 30px 80px -20px rgba(0,0,0,.45); animation:pop .18s ease; } @keyframes pop{ from{ transform:scale(.97); opacity:0; } } html[data-page~="reg"] .m-box h2{ font-family:var(--hd); font-size:21px; font-weight:680; font-stretch:106%; margin-bottom:8px; } html[data-page~="reg"] .m-box p{ color:var(--ink-2); font-size:14.5px; } html[data-page~="reg"] .m-box .cf{ margin:14px 0; border:1px solid var(--line-2); border-radius:12px; overflow:hidden; } html[data-page~="reg"] .m-box .cf div{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:10px; padding:9px 12px; border-bottom:1px solid var(--line-2); font-size:13.5px; } html[data-page~="reg"] .m-box .cf div:first-child{ background:var(--panel-2); font-weight:600; color:var(--ink-2); } html[data-page~="reg"] .m-box .cf div:last-child{ border-bottom:0; } html[data-page~="reg"] .m-act{ display:flex; gap:8px; justify-content:flex-end; flex-wrap:wrap; margin-top:18px; } html[data-page~="reg"] .m-list{ list-style:none; margin-top:12px; } html[data-page~="reg"] .m-list li{ display:flex; justify-content:space-between; align-items:center; gap:10px; padding:10px 0; border-bottom:1px solid var(--line-2); font-size:14.5px; } html[data-page~="reg"] .toast{ position:fixed; left:50%; bottom:calc(24px + env(safe-area-inset-bottom,0px)); transform:translateX(-50%); z-index:90; background:var(--ink); color:var(--panel); padding:11px 18px; border-radius:12px; font-size:14px; font-weight:500; box-shadow:0 16px 40px -16px rgba(0,0,0,.5); max-width:calc(100% - 32px); } html[data-page~="reg"] .toast:empty{ display:none; } html[data-page~="reg"] #printArea{ display:none; } html[data-page~="reg"] .spin{ width:16px; height:16px; border-radius:50%; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; animation:rot .8s linear infinite; } @keyframes rot{ to{ transform:rotate(360deg); } } html[data-page~="reg"] .i3d{ display:block; flex:none; object-fit:contain; filter:drop-shadow(0 3px 4px rgba(16,32,31,.18)); user-select:none; } html[data-page~="reg"] .ptab{ padding:6px 12px 6px 8px; } html[data-page~="reg"] .ptab .i3d{ width:26px; height:26px; } html[data-page~="reg"] .ptab:hover .i3d{ transform:translateY(-1px) scale(1.06); } html[data-page~="reg"] .ptab .i3d{ transition:transform .18s; } html[data-page~="reg"] .st-item{ grid-template-columns:40px 1fr auto; } html[data-page~="reg"] .st-ic{ position:relative; width:40px; height:40px; border-radius:12px; display:grid; place-items:center; background:linear-gradient(180deg,#fff,var(--panel-2)); border:1px solid var(--line-2); box-shadow:0 1px 0 #fff inset,0 4px 10px -8px rgba(16,32,31,.4); } html[data-page~="reg"] .st-ic .i3d{ width:28px; height:28px; } html[data-page~="reg"] .st-ic .st-n{ position:absolute; right:-5px; bottom:-5px; width:19px; height:19px; font-size:12px; border-width:1.5px; box-shadow:0 0 0 2px var(--panel); } html[data-page~="reg"] .st-item[aria-current="step"] .st-ic{ background:linear-gradient(145deg,#FFF9EF,#FCF1DB); border-color:color-mix(in srgb,var(--green-t) 35%,transparent); box-shadow:0 6px 16px -10px rgba(217,143,31,.7); } html[data-page~="reg"] .st-item[aria-current="step"] .st-ic .i3d{ transform:scale(1.08); } html[data-page~="reg"] .st-item:not(.done):not([aria-current="step"]) .st-ic .i3d{ filter:drop-shadow(0 2px 3px rgba(16,32,31,.12)) saturate(.85); } html[data-page~="reg"] .sec-head{ display:flex; gap:16px; align-items:flex-start; } html[data-page~="reg"] .sec-ic{ width:72px; height:72px; flex:none; border-radius:20px; display:grid; place-items:center; background:radial-gradient(120% 120% at 30% 20%,#FFFFFF 0%,#E7F7EC 45%,#D8EFF6 100%); border:1px solid #D3EBE3; box-shadow:0 1px 0 #fff inset,0 14px 26px -16px rgba(0,164,204,.65); } html[data-page~="reg"] .sec-ic .i3d{ width:52px; height:52px; filter:drop-shadow(0 6px 6px rgba(16,32,31,.22)); } html[data-page~="reg"] .chip.vt .i3d.vt{ width:64px; height:64px; margin-bottom:6px; filter:drop-shadow(0 8px 8px rgba(16,32,31,.22)); transition:transform .2s; } html[data-page~="reg"] .chip.vt:hover .i3d.vt{ transform:translateY(-2px) rotate(-2deg); } html[data-page~="reg"] .chip.vt[aria-checked="true"]{ background:linear-gradient(160deg,#FFFAF1,#FDF3E1); } html[data-page~="reg"] .chip.vt[aria-checked="true"] .i3d.vt{ transform:scale(1.06); } html[data-page~="reg"] .link .lk-ico{ background:linear-gradient(145deg,#fff,var(--teal-bg)); border:1px solid var(--line-2); width:48px; height:48px; border-radius:14px; } html[data-page~="reg"] .link .lk-ico .i3d{ width:32px; height:32px; } html[data-page~="reg"] .lrow{ grid-template-columns:38px 1fr 10px; } html[data-page~="reg"] .lrow .i{ width:38px; height:38px; border-radius:11px; background:linear-gradient(145deg,#fff,var(--panel-2)); border:1px solid var(--line-2); } html[data-page~="reg"] .lrow .i .i3d{ width:26px; height:26px; } html[data-page~="reg"] .dr-tab .i3d{ width:22px; height:22px; } html[data-page~="reg"] .up-drop .i3d{ width:44px; height:44px; margin-bottom:4px; } html[data-page~="reg"] .idc-ph .i3d{ width:44px; height:44px; object-fit:contain; } html[data-page~="reg"] .nid-ok .av .i3d{ width:34px; height:34px; } html[data-page~="reg"] .card.help{ display:flex; gap:12px; align-items:flex-start; } html[data-page~="reg"] .card.help .i3d{ width:36px; height:36px; } html[data-page~="reg"] .card.help b{ display:block; } html[data-page~="reg"] .done-mark{ display:grid; place-items:center; } html[data-page~="reg"] .done-mark .i3d{ width:96px; height:96px; filter:drop-shadow(0 12px 14px rgba(10,123,46,.3)); } html[data-page~="reg"] .errsum{ display:grid; grid-template-columns:28px 1fr; column-gap:10px; } html[data-page~="reg"] .errsum .es-ic{ grid-row:span 2; width:28px; height:28px; } html[data-page~="reg"] .errsum ul{ grid-column:2; } html[data-page~="reg"] .fee .fee-h{ justify-content:flex-start!important; align-items:center; gap:10px; background:var(--panel-2); font-weight:600; } html[data-page~="reg"] .fee .fee-h .i3d{ width:26px; height:26px; } html[data-page~="reg"] .rv.linked{ border-color:#CBE6DB; } html[data-page~="reg"] .rv.linked .rv-h{ background:linear-gradient(90deg,#EEF9F1,#EAF6FA); flex-wrap:wrap; } html[data-page~="reg"] .muted-s{ font-size:12.5px; color:var(--ink-3); } html[data-page~="reg"] .recs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:14px; } html[data-page~="reg"] .rec{ display:grid; grid-template-columns:56px minmax(0,1fr); gap:12px; align-items:center; padding:12px; border:1px solid var(--line-2); border-radius:12px; background:var(--panel); } html[data-page~="reg"] .rec.empty{ border-style:dashed; background:var(--panel-2); } html[data-page~="reg"] .rec-ic{ width:56px; height:56px; border-radius:14px; display:grid; place-items:center; background:linear-gradient(145deg,#fff,var(--teal-bg)); border:1px solid var(--line-2); overflow:hidden; } html[data-page~="reg"] .rec-ic.ph img{ width:100%; height:100%; object-fit:cover; } html[data-page~="reg"] .rec-ic .i3d{ width:40px; height:40px; } html[data-page~="reg"] .rec-b{ display:flex; flex-direction:column; min-width:0; line-height:1.35; } html[data-page~="reg"] .rec-k{ font-size:12px; font-weight:600; color:var(--teal-t); } html[data-page~="reg"] .rec-b b{ font-size:15px; } html[data-page~="reg"] .rec-m{ font-size:12.5px; color:var(--ink-3); overflow-wrap:anywhere; } html[data-page~="reg"] .rec-a, html[data-page~="reg"] .rec > .btn{ grid-column:1/-1; display:flex; gap:8px; justify-content:flex-end; } html[data-page~="reg"] .rec > .btn{ justify-self:end; } html[data-page~="reg"] .rv.linked.bad{ border-color:var(--red); } html[data-page~="reg"] .rv.linked div.err{ padding:0 14px 12px; margin:0; } html[data-page~="reg"] .pphoto{ grid-column:1/-1; display:flex; align-items:center; gap:14px; } html[data-page~="reg"] .pphoto .av{ width:72px; height:72px; border-radius:18px; overflow:hidden; display:grid; place-items:center; background:linear-gradient(145deg,#fff,var(--teal-bg)); border:1px solid var(--line-2); flex:none; } html[data-page~="reg"] .pphoto .av img{ width:100%; height:100%; object-fit:cover; } html[data-page~="reg"] .pphoto .av .i3d{ width:48px; height:48px; object-fit:contain; } html[data-page~="reg"] .pphoto .acts{ display:flex; flex-direction:column; gap:4px; } html[data-page~="reg"] .pphoto .acts span{ font-size:12.5px; color:var(--ink-3); } html[data-page~="reg"] .pc-av{ width:44px; height:44px; border-radius:12px; overflow:hidden; flex:none; background:var(--panel-2); display:grid; place-items:center; border:1px solid var(--line-2); } html[data-page~="reg"] .pc-av img{ width:100%; height:100%; object-fit:cover; } html[data-page~="reg"] .pc-av .i3d{ width:30px; height:30px; object-fit:contain; } html[data-page~="reg"] .ptabs-lbl{ font-size:11.5px; font-weight:600; color:var(--ink-3); padding:0 6px 0 4px; align-self:center; white-space:nowrap; } html[data-page~="reg"] body{ background:radial-gradient(1200px 500px at 100% -10%,rgba(56,192,55,.10),transparent 60%),var(--ground); background-attachment:fixed; font-size:14.5px; } html[data-page~="reg"] ::selection{ background:rgba(56,192,55,.35); } html[data-page~="reg"] .top{ background:rgba(246,250,247,.88); backdrop-filter:saturate(1.2) blur(10px); -webkit-backdrop-filter:saturate(1.2) blur(10px); border-bottom:0; } html[data-page~="reg"] .top-in{ max-width:1280px; padding:14px 24px 12px; } html[data-page~="reg"] .logo-tile{ width:40px; height:40px; border-radius:10px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); } html[data-page~="reg"] .logo-tile img{ width:34px; } html[data-page~="reg"] .brand-txt b{ font-family:var(--hd); font-weight:800; font-size:16.5px; letter-spacing:.2px; color:var(--ink); font-stretch:normal; } html[data-page~="reg"] .brand-txt span{ font-size:11.5px; color:var(--ink-2); } html[data-page~="reg"] .ptabs{ background:#fff; border:1px solid var(--line); border-radius:24px; padding:4px; box-shadow:var(--shadow); gap:2px; } html[data-page~="reg"] .ptab{ border-radius:20px; color:var(--ink); font-size:13.5px; } html[data-page~="reg"] .ptab:hover{ background:var(--sel-bg); color:var(--navy); } html[data-page~="reg"] .ptab .cnt{ font-family:var(--mono); font-size:12px; background:var(--panel-2); border:1px solid var(--line); color:var(--ink-2); } html[data-page~="reg"] .ptab.linked::after{ box-shadow:0 0 0 2px #fff; background:var(--green); } html[data-page~="reg"] .ptabs-lbl{ font-family:var(--mono); font-size:12px; font-weight:600; color:var(--ink-2); padding:0 8px 0 10px; } html[data-page~="reg"] .prog{ height:4px; max-width:1232px; margin:0 auto 2px; border-radius:4px; background:var(--line); overflow:hidden; } html[data-page~="reg"] .prog i{ border-radius:4px; background:var(--brand); } html[data-page~="reg"] .wrap{ max-width:1280px; padding:26px 24px 64px; } html[data-page~="reg"] .layout{ grid-template-columns:232px minmax(0,1fr) 300px; gap:28px; } html[data-page~="reg"] .stepper{ border:1px solid var(--line); border-radius:var(--radius); padding:10px; } html[data-page~="reg"] .st-item{ padding:9px 8px; } html[data-page~="reg"] .st-item:hover{ background:rgba(22,32,26,.035); } html[data-page~="reg"] .st-item[aria-current="step"]{ background:rgba(22,32,26,.05); } html[data-page~="reg"] .st-l b{ font-size:13.5px; } html[data-page~="reg"] .st-item[aria-current="step"] .st-l b{ color:var(--navy); } html[data-page~="reg"] .st-l span{ font-family:var(--mono); font-size:11.5px; letter-spacing:.02em; text-transform:uppercase; } html[data-page~="reg"] .st-c{ font-family:var(--mono); font-size:12px; } html[data-page~="reg"] .st-n{ font-family:var(--mono); font-weight:600; } html[data-page~="reg"] .st-item[aria-current="step"] .st-n{ background:var(--saffron); border-color:var(--saffron-deep); color:#0b2e10; } html[data-page~="reg"] .st-item.done .st-n{ background:var(--green); border-color:var(--green); color:#fff; } html[data-page~="reg"] .st-ic{ background:#fff; border-color:var(--line); box-shadow:0 1px 0 #fff inset,0 4px 10px -8px rgba(22,32,26,.35); } html[data-page~="reg"] .st-item[aria-current="step"] .st-ic{ background:linear-gradient(160deg,#FFF9EF,#FCF1DB); border-color:#bfe6c3; box-shadow:0 6px 16px -10px rgba(217,143,31,.7); } html[data-page~="reg"] .st-sep{ background:var(--line); } html[data-page~="reg"] .panel{ border:1px solid var(--line); border-radius:var(--radius); min-height:560px; } html[data-page~="reg"] .panel-top{ padding:14px 38px; border-bottom:1px solid var(--line); } html[data-page~="reg"] .body{ padding:34px 38px 16px; } html[data-page~="reg"] .seg{ background:var(--panel-2); border-color:var(--line); border-radius:9px; } html[data-page~="reg"] .seg button{ font-size:13px; border-radius:7px; color:var(--ink-2); } html[data-page~="reg"] .seg button[aria-checked="true"]{ background:#fff; color:var(--navy); box-shadow:0 1px 2px rgba(22,32,26,.08),0 0 0 1px var(--line); } html[data-page~="reg"] .req-note{ font-size:12.5px; color:var(--ink-2); } html[data-page~="reg"] .save-state{ font-family:var(--mono); font-size:11.5px; color:var(--ink-2); } html[data-page~="reg"] .save-state i{ position:relative; width:7px; height:7px; } html[data-page~="reg"] .save-state i::after{ content:""; position:absolute; inset:-4px; border-radius:50%; border:1px solid currentColor; color:var(--green); opacity:.4; animation:pulse 2s ease-out infinite; } html[data-page~="reg"] .save-state.busy i::after{ color:var(--saffron-deep); } @keyframes pulse{ 0%{ transform:scale(.6); opacity:.6; } 100%{ transform:scale(1.8); opacity:0; } } html[data-page~="reg"] .sec + .sec{ border-top:1px solid var(--line); } html[data-page~="reg"] .sec-n{ display:block; font-family:var(--mono); font-size:11.5px; font-weight:600; color:var(--saffron-deep); margin-bottom:4px; } html[data-page~="reg"] .sec-head{ margin-bottom:26px; } html[data-page~="reg"] .sec-head h2{ font-family:var(--hd); font-weight:800; font-size:24px; color:var(--navy); font-stretch:normal; letter-spacing:0; margin:0 0 6px; } html[data-page~="reg"] .sec-head p{ font-size:13.5px; color:var(--ink-2); max-width:540px; } html[data-page~="reg"] .sec-ic{ width:64px; height:64px; border-radius:16px; background:linear-gradient(160deg,#FFF9EF,#FCF1DB); border:1px solid #bfe6c3; box-shadow:0 1px 0 #fff inset,0 12px 22px -14px rgba(217,143,31,.65); } html[data-page~="reg"] .sec-ic .i3d{ width:44px; height:44px; } html[data-page~="reg"] .grp{ border-top:1px dashed var(--line); } html[data-page~="reg"] .grp > legend{ font-family:var(--hd); font-weight:800; font-size:15.5px; color:var(--navy); font-stretch:normal; } html[data-page~="reg"] .lbl, html[data-page~="reg"] .fld > label{ font-size:13px; font-weight:600; color:var(--navy); } html[data-page~="reg"] .inp input, html[data-page~="reg"] .inp textarea, html[data-page~="reg"] .combo input, html[data-page~="reg"] .search input, html[data-page~="reg"] .lsearch input{ background:var(--panel-2); border:1.5px solid var(--line); border-radius:9px; font-size:14.5px; min-height:44px; padding:10px 13px; } html[data-page~="reg"] .inp input:focus, html[data-page~="reg"] .inp textarea:focus, html[data-page~="reg"] .combo input:focus, html[data-page~="reg"] .search input:focus, html[data-page~="reg"] .lsearch input:focus{ border-color:var(--saffron-deep); box-shadow:var(--ring); background:#fff; } html[data-page~="reg"] .mono, html[data-page~="reg"] input.mono{ font-family:var(--mono); letter-spacing:.4px; } html[data-page~="reg"] .hint{ font-size:11.5px; color:var(--ink-2); } html[data-page~="reg"] .suffix{ font-family:var(--mono); font-size:12px; background:var(--gold-bg); color:var(--gold-t); } html[data-page~="reg"] .is-imp input, html[data-page~="reg"] .is-imp textarea{ background:#F2F5F9; border-color:#C9D3E1; } html[data-page~="reg"] .src.imp{ background:#eef9f1; color:var(--navy); } html[data-page~="reg"] .lb{ border-color:var(--line); box-shadow:0 18px 40px -16px rgba(22,32,26,.35); } html[data-page~="reg"] .lb li[aria-selected="true"], html[data-page~="reg"] .lb li:hover{ background:var(--sel-bg); } html[data-page~="reg"] .chip{ background:var(--panel-2); border-color:var(--line); border-radius:10px; font-size:14px; } html[data-page~="reg"] .chip:hover{ border-color:var(--saffron-deep); } html[data-page~="reg"] .chip[aria-checked="true"]{ border-color:var(--saffron-deep); background:var(--sel-bg); box-shadow:var(--sel-ring); color:var(--ink); } html[data-page~="reg"] .chip[aria-checked="true"] .ck{ color:var(--saffron-deep); } html[data-page~="reg"] .chip[aria-checked="true"] small{ color:var(--gold-t); } html[data-page~="reg"] .chip small{ font-family:var(--mono); font-size:12px; } html[data-page~="reg"] .chip.vt{ align-items:center; text-align:center; padding:18px 12px 16px; border-radius:12px; min-height:156px; } html[data-page~="reg"] .chip.vt b{ font-family:var(--bd); font-size:15px; font-weight:700; } html[data-page~="reg"] .chip.vt span.s{ font-size:11.5px; color:var(--ink-2); } html[data-page~="reg"] .chip.vt[aria-checked="true"]{ background:var(--sel-bg); box-shadow:var(--sel-ring); } html[data-page~="reg"] .chip.vt .ck{ background:var(--saffron-deep); } html[data-page~="reg"] .chip.vt[aria-checked="true"] .ck{ color:#fff; } html[data-page~="reg"] .chip.roof .ic{ color:var(--navy); } html[data-page~="reg"] .chip.roof[aria-checked="true"] .ic{ color:var(--saffron-deep); } html[data-page~="reg"] .chip.pay b{ font-size:15px; } html[data-page~="reg"] .addr{ background:var(--panel-2); border-color:var(--line); border-radius:12px; } html[data-page~="reg"] .addr > legend{ color:var(--navy); font-size:13px; } html[data-page~="reg"] .addr .seg button[aria-checked="true"]{ background:var(--sel-bg); color:var(--navy); box-shadow:inset 0 0 0 1.5px var(--saffron-deep); } html[data-page~="reg"] .link{ border-color:var(--line); background:var(--panel-2); border-radius:12px; } html[data-page~="reg"] .link.on{ border-color:#C9D3E1; background:#F4F6FA; } html[data-page~="reg"] .link.on .lk-k{ color:var(--navy); } html[data-page~="reg"] .link .lk-ico{ background:#fff; border-color:var(--line); } html[data-page~="reg"] .up-drop{ background:var(--panel-2); border-color:var(--line); border-radius:12px; } html[data-page~="reg"] .up-drop:hover{ border-color:var(--saffron-deep); background:rgba(56,192,55,.06); } html[data-page~="reg"] .up-drop b{ font-size:13px; color:var(--ink); } html[data-page~="reg"] .up-drop span{ font-size:12px; color:var(--ink-2); } html[data-page~="reg"] .up-prev{ border-color:var(--green); background:rgba(31,122,92,.06); } html[data-page~="reg"] .sigpad{ background:repeating-linear-gradient(0deg,transparent,transparent 24px,rgba(22,32,26,.04) 25px),#fff; border-color:var(--line); } html[data-page~="reg"] .btn{ border-radius:9px; font-size:14px; } html[data-page~="reg"] .btn.primary{ background:var(--brand-strong); color:#fff; box-shadow:0 6px 16px -6px rgba(9,38,20,.5); } html[data-page~="reg"] .btn.ghost{ background:none; border-color:var(--line); color:var(--ink-2); } html[data-page~="reg"] .btn.ghost:hover{ border-color:var(--ink-2); color:var(--ink); } html[data-page~="reg"] .btn.ghost.danger{ color:var(--red); } html[data-page~="reg"] .btn.teal{ background:var(--sel-bg); color:var(--navy); border-color:#bfe6c3; } html[data-page~="reg"] .lnk{ color:var(--navy); } html[data-page~="reg"] .navbar{ padding:16px 38px calc(16px + env(safe-area-inset-bottom,0px)); border-top:1px solid var(--line); border-radius:0 0 var(--radius) var(--radius); background:rgba(255,255,255,.94); } html[data-page~="reg"] .navbar .meta{ font-family:var(--mono); font-size:11.5px; color:var(--ink-2); } html[data-page~="reg"] .tag{ font-size:12px; font-weight:700; } html[data-page~="reg"] .tag.teal{ background:#eef9f1; color:var(--navy); } html[data-page~="reg"] .nid-ok{ border:1.5px dashed var(--line); background:var(--panel-2); border-radius:10px; } html[data-page~="reg"] .nid-ok .av{ border-radius:8px; background:linear-gradient(155deg,#DCE3ED,#C7D1E0); } html[data-page~="reg"] .rv{ border:1px solid var(--line); border-radius:10px; } html[data-page~="reg"] .rv-h{ background:none; border-bottom:0; padding:14px 16px 6px; } html[data-page~="reg"] .rv-h h3{ font-family:var(--mono); font-size:12.5px; font-weight:700; color:var(--saffron-deep); } html[data-page~="reg"] .rv dl > div{ border-bottom:0; border-top:1px dashed var(--line); padding:7px 16px; font-size:13px; } html[data-page~="reg"] .rv dt{ color:var(--ink-2); } html[data-page~="reg"] .rv.linked{ border-color:#bfe6c3; background:linear-gradient(160deg,#FFFCF6,#FFF8EB); } html[data-page~="reg"] .rv.linked .rv-h{ background:none; } html[data-page~="reg"] .rec{ border-color:var(--line); border-radius:10px; } html[data-page~="reg"] .rec.empty{ background:#fff; } html[data-page~="reg"] .rec-ic{ background:linear-gradient(160deg,#FFF9EF,#FCF1DB); border-color:#bfe6c3; } html[data-page~="reg"] .rec-k{ font-family:var(--mono); font-size:12px; font-weight:600; color:var(--saffron-deep); } html[data-page~="reg"] .fee{ border-color:var(--line); border-radius:10px; } html[data-page~="reg"] .fee div{ border-bottom:1px dashed var(--line); font-size:13.5px; } html[data-page~="reg"] .fee div:last-child{ background:var(--panel-2); color:var(--navy); } html[data-page~="reg"] .fee div span:last-child{ font-family:var(--mono); } html[data-page~="reg"] .success h2{ font-family:var(--hd); font-weight:800; color:var(--navy); font-size:26px; } html[data-page~="reg"] .success dl{ border-color:var(--line); border-radius:10px; } html[data-page~="reg"] .success dl div{ border-bottom:1px dashed var(--line); font-size:13.5px; } html[data-page~="reg"] .success dd{ font-family:var(--mono); font-size:13px; } html[data-page~="reg"] .done-mark .i3d{ filter:drop-shadow(0 10px 24px rgba(31,122,92,.4)); } html[data-page~="reg"] .pv-label{ font-family:var(--mono); font-size:11.5px; font-weight:600; color:var(--ink-2); padding-left:2px; } html[data-page~="reg"] .aside{ gap:14px; } html[data-page~="reg"] .idc{ position:relative; padding:0; border-radius:16px; overflow:hidden; color:#fff; background:linear-gradient(160deg,var(--navy) 0%,var(--navy-deep) 100%); box-shadow:0 16px 32px -14px rgba(9,38,20,.35); } html[data-page~="reg"] .idc::before{ content:""; position:absolute; inset:0; background:radial-gradient(360px 160px at 100% 0%,rgba(56,192,55,.28),transparent 60%); pointer-events:none; } html[data-page~="reg"] .idc-in{ position:relative; background:none; border-radius:0; padding:16px 18px 0; } html[data-page~="reg"] .idc-top{ border-bottom:0; padding-bottom:10px; } html[data-page~="reg"] .idc-top .logo-tile{ width:34px; height:34px; border:0; box-shadow:none; } html[data-page~="reg"] .idc-top .logo-tile img{ width:30px; } html[data-page~="reg"] .idc-top b{ font-family:var(--hd); font-weight:800; font-size:12.5px; letter-spacing:.3px; text-transform:uppercase; } html[data-page~="reg"] .idc-top span{ color:rgba(255,255,255,.6); font-size:12px; } html[data-page~="reg"] .idc-top .tag{ font-family:var(--mono); font-size:11.5px; font-weight:600; background:rgba(255,255,255,.12)!important; color:#fff!important; } html[data-page~="reg"] .idc-top .tag.ok{ background:rgba(31,122,92,.55)!important; } html[data-page~="reg"] .idc-ph{ width:48px; height:48px; border-radius:9px; background:rgba(255,255,255,.12); border:1px solid rgba(255,255,255,.18); } html[data-page~="reg"] .idc-ph .i3d{ width:36px; height:36px; } html[data-page~="reg"] .idc-who{ padding:6px 0 12px; } html[data-page~="reg"] .idc-who b{ font-size:14.5px; font-weight:700; color:#fff; } html[data-page~="reg"] .idc-who span{ font-family:var(--mono); font-size:12px; color:rgba(255,255,255,.6); } html[data-page~="reg"] .idc dl{ font-size:12px; } html[data-page~="reg"] .idc dl div{ border-bottom:0; border-top:1px dashed rgba(255,255,255,.14); padding:5px 0; } html[data-page~="reg"] .idc dl div:first-child{ border-top:0; } html[data-page~="reg"] .idc dt{ color:rgba(255,255,255,.55); } html[data-page~="reg"] .idc dd{ font-family:var(--mono); font-weight:600; letter-spacing:.3px; color:#fff; } html[data-page~="reg"] .idc dd .sw{ box-shadow:0 0 0 1.5px rgba(255,255,255,.5); } html[data-page~="reg"] .idc-foot{ margin:14px -18px 0; padding:12px 18px; background:rgba(0,0,0,.18); } html[data-page~="reg"] .idc-foot canvas{ width:46px; height:46px; background:#fff; padding:4px; border-radius:6px; } html[data-page~="reg"] .plate{ font-family:var(--mono); font-weight:700; font-size:12.5px; background:var(--saffron); color:#0b2e10; border:0; border-radius:5px; padding:5px 9px; letter-spacing:.5px; } html[data-page~="reg"] .plate.empty{ background:none; color:rgba(255,255,255,.45); border:0; font-size:12px; padding:0; } html[data-page~="reg"] .stars{ color:var(--saffron); } html[data-page~="reg"] .card{ border:1px solid var(--line); border-radius:var(--radius); padding:16px 18px; } html[data-page~="reg"] .card h3{ font-family:var(--hd); font-size:12.5px; font-weight:700; color:var(--navy); margin:0 0 10px; font-stretch:normal; } html[data-page~="reg"] .lrow{ padding:6px 4px; } html[data-page~="reg"] .lrow .i{ background:var(--panel-2); border-color:var(--line); } html[data-page~="reg"] .lrow b{ font-size:12.5px; } html[data-page~="reg"] .lrow small{ font-size:11.5px; color:var(--ink-2); } html[data-page~="reg"] .chk{ list-style:none; } html[data-page~="reg"] .chk li{ display:flex; align-items:center; gap:8px; font-size:12px; color:var(--ink-2); padding:4px 0; } html[data-page~="reg"] .chk li i{ width:14px; height:14px; border-radius:50%; border:1.5px solid var(--line); flex:none; display:grid; place-items:center; font-style:normal; font-size:11.5px; color:#fff; } html[data-page~="reg"] .chk li.done{ color:var(--ink); } html[data-page~="reg"] .chk li.done i{ background:var(--green); border-color:var(--green); } html[data-page~="reg"] .card.help{ background:linear-gradient(160deg,#FFF9EF,#FCF1DB); border-color:#bfe6c3; box-shadow:none; } html[data-page~="reg"] .card.help b{ font-size:12.5px; color:var(--navy); } html[data-page~="reg"] .help{ font-size:11.5px; line-height:1.5; } html[data-page~="reg"] .dr-back{ background:rgba(9,38,20,.42); } html[data-page~="reg"] .dr-panel{ background:var(--ground); } html[data-page~="reg"] .dr-head h2, html[data-page~="reg"] .dr-form h3, html[data-page~="reg"] .m-box h2{ font-family:var(--hd); font-weight:800; color:var(--navy); font-stretch:normal; } html[data-page~="reg"] .dr-head h2{ font-size:20px; } html[data-page~="reg"] .dr-tabs{ border-bottom:1px solid var(--line); } html[data-page~="reg"] .dr-tab{ color:var(--ink-2); font-size:13.5px; } html[data-page~="reg"] .dr-tab[aria-selected="true"]{ color:var(--navy); border-bottom-color:var(--saffron-deep); } html[data-page~="reg"] .dr-body{ background:var(--ground); } html[data-page~="reg"] .pcard{ background:#fff; border-color:var(--line); border-radius:12px; box-shadow:var(--shadow); flex-direction:row; flex-wrap:wrap; align-items:flex-start; } html[data-page~="reg"] .pcard .pc-main{ flex:1; min-width:180px; } html[data-page~="reg"] .pcard .pc-act{ width:100%; } html[data-page~="reg"] .pc-main b{ font-size:15px; color:var(--navy); } html[data-page~="reg"] .pc-meta{ font-family:var(--mono); font-size:11.5px; } html[data-page~="reg"] .pc-meta .pid{ color:var(--saffron-deep); } html[data-page~="reg"] .dr-form{ background:#fff; border:1px solid var(--line); border-radius:var(--radius); padding:18px; box-shadow:var(--shadow); } html[data-page~="reg"] .m-box{ border-radius:var(--radius); border:1px solid var(--line); } html[data-page~="reg"] .toast{ background:var(--navy-deep); color:#fff; border-radius:10px; } html[data-page~="reg"] .banner{ background:linear-gradient(160deg,#FFF9EF,#FCF1DB); border-color:#bfe6c3; } html[data-page~="reg"] .search input{ padding-left:40px; } html[data-page~="reg"] .combo input{ padding-right:38px; } html[data-page~="reg"] .inp.has-suffix input{ padding-right:74px; } html[data-page~="reg"] .chips.pstat{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; max-width:560px; } html[data-page~="reg"] .chip.pstat{ flex-direction:column; align-items:flex-start; padding:14px 16px; min-height:74px; position:relative; } html[data-page~="reg"] .chip.pstat b{ font-size:15px; } html[data-page~="reg"] .chip.pstat span.s{ font-size:12px; color:var(--ink-2); font-weight:400; } html[data-page~="reg"] .chip.pstat .ck{ position:absolute; top:12px; right:12px; } html[data-page~="reg"] .chip.pstat[data-v="অপরিশোধিত"][aria-checked="true"]{ border-color:var(--red); background:var(--red-bg); box-shadow:0 0 0 3px rgba(178,59,59,.12); } html[data-page~="reg"] .chip.pstat[data-v="অপরিশোধিত"][aria-checked="true"] .ck{ color:var(--red); } html[data-page~="reg"] .chip.pstat[data-v="পরিশোধিত"][aria-checked="true"]{ border-color:var(--green); background:var(--green-bg); box-shadow:0 0 0 3px rgba(31,122,92,.12); } html[data-page~="reg"] .chip.pstat[data-v="পরিশোধিত"][aria-checked="true"] .ck{ color:var(--green); } html[data-page~="reg"] .inp input.date{ font-family:var(--mono); letter-spacing:.3px; color:var(--ink); } html[data-page~="reg"] .inp input.date:invalid, html[data-page~="reg"] .inp input.date[value=""]{ color:var(--ink-3); } html[data-page~="reg"] .inp input.date::-webkit-calendar-picker-indicator{ cursor:pointer; opacity:.7; padding:4px; border-radius:6px; } html[data-page~="reg"] .inp input.date::-webkit-calendar-picker-indicator:hover{ opacity:1; background:var(--sel-bg); } html[data-page~="reg"] .dval{ font-size:12.5px; font-weight:600; color:var(--navy); margin-top:6px; } html[data-page~="reg"] .dval:empty{ display:none; } html[data-page~="reg"] .up-meta .side{ align-self:flex-start; } html[data-page~="reg"] .up .side{ display:inline-flex; align-items:center; gap:4px; font-family:var(--mono); font-size:12px; font-weight:700; padding:2px 8px; border-radius:20px; background:var(--gold-bg); color:var(--gold-t); margin-bottom:4px; } html[data-page~="reg"] .chip.vt .i3d.vt{ width:120px; height:80px; margin:0 auto 8px; filter:drop-shadow(0 8px 8px rgba(22,32,26,.18)); } html[data-page~="reg"] .chip.vt:hover .i3d.vt{ transform:translateY(-2px); } html[data-page~="reg"] .chip.vt[aria-checked="true"] .i3d.vt{ transform:scale(1.04); } html[data-page~="reg"] .idc-ph .i3d.vt{ width:44px; height:30px; } html[data-page~="reg"] .idc-foot{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:14px; align-items:center; } html[data-page~="reg"] .idc-foot .qr-box{ width:76px; height:76px; padding:5px; background:#fff; border-radius:9px; box-shadow:0 4px 12px -4px rgba(0,0,0,.4); display:grid; place-items:center; } html[data-page~="reg"] .idc-foot canvas{ width:66px!important; height:66px!important; padding:0!important; background:none!important; border-radius:0!important; image-rendering:pixelated; } html[data-page~="reg"] .vin-blk{ display:flex; flex-direction:column; gap:2px; min-width:0; } html[data-page~="reg"] .vin-k{ font-family:var(--mono); font-size:12px; font-weight:700; letter-spacing:.14em; color:var(--saffron); } html[data-page~="reg"] .vin-v{ font-family:"AVID Mark",var(--mono); font-size:24px; font-weight:400; letter-spacing:.02em; color:#fff; white-space:nowrap; line-height:1.15; } html[data-page~="reg"] .vin-v.pend{ font-family:var(--mono); font-size:21px; font-weight:700; color:rgba(255,255,255,.35); letter-spacing:.12em; } html[data-page~="reg"] .vin-s{ font-size:12px; color:rgba(255,255,255,.55); } html[data-page~="reg"] .idc-foot.on .qr-box{ box-shadow:0 0 0 2px var(--saffron),0 6px 16px -4px rgba(56,192,55,.5); } html[data-page~="reg"] .vin-hero{ display:grid; grid-template-columns:auto minmax(0,1fr); gap:22px; align-items:center; text-align:left; margin:24px 0 8px; padding:18px 20px; border-radius:14px; color:#fff; background:linear-gradient(160deg,var(--navy),var(--navy-deep)); position:relative; overflow:hidden; box-shadow:0 16px 32px -14px rgba(9,38,20,.4); } html[data-page~="reg"] .vin-hero::before{ content:""; position:absolute; inset:0; background:radial-gradient(360px 160px at 100% 0%,rgba(56,192,55,.28),transparent 60%); pointer-events:none; } html[data-page~="reg"] .qr-lg{ position:relative; width:136px; height:136px; background:#fff; border-radius:12px; padding:8px; display:grid; place-items:center; box-shadow:0 0 0 3px var(--saffron); } html[data-page~="reg"] .qr-lg canvas{ width:120px; height:120px; image-rendering:pixelated; } html[data-page~="reg"] .vh-b{ position:relative; display:flex; flex-direction:column; gap:4px; min-width:0; } html[data-page~="reg"] .vh-k{ font-family:var(--mono); font-size:11.5px; font-weight:700; color:var(--saffron); } html[data-page~="reg"] .vh-v{ font-family:"AVID Mark",var(--mono); font-size:40px; font-weight:400; letter-spacing:.03em; line-height:1.1; white-space:nowrap; } html[data-page~="reg"] .vh-s{ font-size:12px; color:rgba(255,255,255,.65); } html[data-page~="reg"] .vh-a{ display:flex; gap:8px; margin-top:8px; flex-wrap:wrap; } html[data-page~="reg"] .vh-a .btn.ghost{ color:#fff; border-color:rgba(255,255,255,.3); } html[data-page~="reg"] .vh-a .btn.ghost:hover{ border-color:#fff; color:#fff; background:rgba(255,255,255,.08); } @media (max-width:520px){html[data-page~="reg"] .vin-hero{ grid-template-columns:1fr; justify-items:center; text-align:center; }html[data-page~="reg"] .vh-b{ align-items:center; }html[data-page~="reg"] .vh-v{ font-size:28px; }} html[data-page~="reg"] .seats-box{ margin-top:18px; padding:14px 16px; border:1px solid #bfe6c3; background:linear-gradient(160deg,#FFFCF6,#FFF8EB); border-radius:12px; } html[data-page~="reg"] .seats-box .hint{ margin-top:8px; } html[data-page~="reg"] .chips.seat{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } html[data-page~="reg"] .chip.seat{ flex-direction:column; align-items:flex-start; padding:12px 14px; position:relative; } html[data-page~="reg"] .chip.seat b{ font-size:17px; font-family:var(--hd); font-weight:800; } html[data-page~="reg"] .chip.seat span.s{ font-size:11.5px; color:var(--ink-2); font-weight:400; } html[data-page~="reg"] .chip.seat .ck{ position:absolute; top:10px; right:10px; } @media (max-width:720px){html[data-page~="reg"] .chips.seat{ grid-template-columns:repeat(2,minmax(0,1fr)); }} html[data-page~="reg"] .dbtn{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 14px; margin-left:auto; margin-right:10px; border-radius:22px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); font-size:13.5px; font-weight:600; color:var(--navy); white-space:nowrap; cursor:pointer; } html[data-page~="reg"] .dbtn:hover{ border-color:var(--saffron-deep); } html[data-page~="reg"] .dbtn svg{ width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; } html[data-page~="reg"] .dcnt{ min-width:20px; height:20px; padding:0 6px; border-radius:10px; background:var(--saffron); color:#0b2e10; font-family:var(--mono); font-size:12px; font-weight:700; display:inline-grid; place-items:center; } html[data-page~="reg"] .dcnt[hidden]{ display:none; } html[data-page~="reg"] .top-in .ptabs{ margin-left:0; } html[data-page~="reg"] .dsheet{ position:fixed; inset:0; z-index:70; display:grid; place-items:center; padding:20px; } html[data-page~="reg"] .dsheet[hidden]{ display:none; } html[data-page~="reg"] .ds-back{ position:absolute; inset:0; background:rgba(9,38,20,.45); } html[data-page~="reg"] .ds-panel{ position:relative; width:min(1180px,100%); max-height:calc(100vh - 40px); background:var(--ground); border-radius:16px; display:flex; flex-direction:column; overflow:hidden; box-shadow:0 30px 60px -20px rgba(9,38,20,.5); } html[data-page~="reg"] .ds-head-bar{ display:flex; justify-content:space-between; gap:16px; padding:18px 22px; background:#fff; border-bottom:1px solid var(--line); } html[data-page~="reg"] .ds-head-bar h2{ font-family:var(--hd); font-weight:800; font-size:19px; color:var(--navy); margin:0; } html[data-page~="reg"] .ds-head-bar p{ font-size:13px; color:var(--ink-2); margin:2px 0 0; } html[data-page~="reg"] .ds-x{ width:36px; height:36px; border-radius:8px; font-size:16px; color:var(--ink-2); flex:none; } html[data-page~="reg"] .ds-x:hover{ background:var(--panel-2); } html[data-page~="reg"] .ds-body{ padding:16px 22px 22px; overflow:auto; } html[data-page~="reg"] .ds-tools{ display:flex; gap:10px; align-items:center; flex-wrap:wrap; margin-bottom:14px; } html[data-page~="reg"] .ds-search{ flex:1; min-width:220px; } html[data-page~="reg"] .ds-search input{ width:100%; height:40px; border:1.5px solid var(--line); border-radius:9px; padding:0 12px; background:#fff; font-size:14px; } html[data-page~="reg"] .ds-search input:focus{ outline:none; border-color:var(--saffron-deep); box-shadow:var(--ring); } html[data-page~="reg"] .ds-tools .seg small{ font-family:var(--mono); font-size:12px; opacity:.75; } html[data-page~="reg"] .ds-table{ background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; } html[data-page~="reg"] .ds-row{ display:grid; grid-template-columns:1.1fr 1.4fr 1.1fr 1.1fr 1.5fr 1fr 1fr 1.25fr; gap:12px; align-items:center; padding:12px 16px; border-top:1px solid var(--line-2); font-size:13.5px; } html[data-page~="reg"] .ds-row:first-child{ border-top:0; } html[data-page~="reg"] .ds-row.ds-head{ background:var(--panel-2); font-size:12px; font-weight:600; color:var(--ink-2); padding:9px 16px; } html[data-page~="reg"] .ds-row.cur{ background:#FFFAF0; box-shadow:inset 3px 0 0 var(--saffron-deep); } html[data-page~="reg"] .ds-row > span{ min-width:0; overflow-wrap:anywhere; } html[data-page~="reg"] .ds-row small{ display:block; font-size:11.5px; color:var(--ink-3); margin-top:2px; } html[data-page~="reg"] .ds-id b{ font-family:var(--mono); color:var(--navy); } html[data-page~="reg"] .ds-act{ display:flex; gap:6px; justify-content:flex-end; flex-wrap:wrap; } html[data-page~="reg"] .dpbar{ display:inline-block; width:100%; max-width:140px; height:8px; border-radius:4px; background:var(--line-2); overflow:hidden; vertical-align:middle; } html[data-page~="reg"] .dpbar i{ display:block; height:100%; border-radius:4px; background:linear-gradient(90deg,var(--saffron-deep),var(--saffron)); } html[data-page~="reg"] .dtag{ display:inline-block; font-size:12px; font-weight:600; padding:2px 8px; border-radius:6px; } html[data-page~="reg"] .dtag.info{ background:#EAF0F7; color:#2F5C8F; } html[data-page~="reg"] .dtag.warn{ background:#FDF1DC; color:#7f520b; } html[data-page~="reg"] .dtag.ok{ background:var(--green-bg); color:var(--green); } html[data-page~="reg"] .ds-empty{ text-align:center; padding:48px 20px; background:#fff; border:1px dashed var(--line); border-radius:12px; color:var(--ink-2); } html[data-page~="reg"] .ds-empty b{ display:block; color:var(--ink); font-size:15px; margin-bottom:4px; } html[data-page~="reg"] .dsaved{ display:flex; flex-direction:column; gap:12px; } html[data-page~="reg"] .dsid{ align-self:flex-start; font-family:var(--mono); font-weight:700; font-size:20px; color:var(--navy); background:var(--gold-bg); border:1px dashed #D9B86A; padding:6px 14px; border-radius:8px; letter-spacing:.04em; } html[data-page~="reg"] .dsaved dl{ display:grid; grid-template-columns:auto 1fr; gap:6px 14px; margin:0; font-size:13.5px; } html[data-page~="reg"] .dsaved dt{ color:var(--ink-2); } html[data-page~="reg"] .dsaved dd{ margin:0; } html[data-page~="reg"] .dsaved p{ font-size:13px; color:var(--ink-2); margin:0; } html[data-page~="reg"] .banner-act{ display:flex; gap:6px; flex-wrap:wrap; margin-left:auto; } html[data-page~="reg"] .btn.danger{ background:var(--red); color:#fff; border-color:var(--red); } @media (max-width:980px){html[data-page~="reg"] .ds-row.ds-head{ display:none; }html[data-page~="reg"] .ds-row{ grid-template-columns:1fr 1fr; gap:8px 14px; }html[data-page~="reg"] .ds-row > span[data-l]::before{ content:attr(data-l); display:block; font-size:12px; color:var(--ink-3); }html[data-page~="reg"] .ds-act{ grid-column:1/-1; justify-content:flex-start; }html[data-page~="reg"] .dbtn .dbtn-l{ display:none; }html[data-page~="reg"] .dbtn{ padding:0 10px; margin-right:6px; }} html[data-page~="reg"] .vinf{ font-family:"AVID Mark",var(--mono)!important; font-weight:400!important; letter-spacing:.02em; font-variant-numeric:normal; } html[data-page~="reg"] .laser-prev{ background:linear-gradient(160deg,#C9CED3,#8E959C); border-radius:10px; padding:14px; margin-bottom:12px; box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(0,0,0,.18); } html[data-page~="reg"] .laser-prev svg{ width:100%; height:auto; display:block; } html[data-page~="reg"] .laser-prev svg g{ fill:#2B2F35; filter:drop-shadow(0 1px 0 rgba(255,255,255,.55)); } html[data-page~="reg"] .up-drop{ cursor:default; } html[data-page~="reg"] .up-btns{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; margin-top:10px; } html[data-page~="reg"] .ubtn{ display:inline-flex; align-items:center; gap:6px; height:36px; padding:0 14px; border-radius:9px; border:1.5px solid var(--line); background:#fff; color:var(--navy); font-size:13px; font-weight:600; cursor:pointer; } html[data-page~="reg"] .ubtn svg{ width:17px; height:17px; } html[data-page~="reg"] .ubtn:hover{ border-color:var(--saffron-deep); } html[data-page~="reg"] .ubtn.cam{ background:var(--navy); border-color:var(--navy); color:#fff; } html[data-page~="reg"] .ubtn.cam:hover{ background:#1f5a2c; } html[data-page~="reg"] .ubtn svg, html[data-page~="reg"] .ubtn.cam svg{ color:currentColor!important; stroke:currentColor; } html[data-page~="reg"] .ubtn.cam{ color:#fff!important; } html[data-page~="reg"] .ubtn:focus-within, html[data-page~="reg"] .ubtn:focus-visible{ box-shadow:var(--ring); outline:none; } html[data-page~="reg"] .up-act .lnk svg{ width:14px; height:14px; vertical-align:-2px; margin-right:2px; } html[data-page~="reg"] .up-act{ flex-wrap:wrap; } html[data-page~="reg"] .own-note{ display:flex; gap:12px; align-items:flex-start; margin-top:16px; padding:12px 14px; border-radius:12px; background:#eef9f1; border:1px solid #C9D3E1; font-size:13.5px; color:#1F3F66; } html[data-page~="reg"] .own-note .i3d{ width:30px; height:30px; flex:none; } html[data-page~="reg"] .lic-box{ margin-top:16px; padding:16px; border:1px solid #bfe6c3; border-radius:12px; background:linear-gradient(160deg,#FFFCF6,#FFF8EB); } html[data-page~="reg"] .lic-warn{ margin:10px 0 0; padding:8px 12px; border-radius:8px; background:var(--red-bg); color:var(--red); font-size:13px; font-weight:600; } html[data-page~="reg"]{ -webkit-text-size-adjust:100%; } html[data-page~="reg"] button, html[data-page~="reg"] a, html[data-page~="reg"] input, html[data-page~="reg"] select, html[data-page~="reg"] textarea, html[data-page~="reg"] label, html[data-page~="reg"] .chip{ touch-action:manipulation; } @media (hover:none), (max-width:820px){html[data-page~="reg"] .chip, html[data-page~="reg"] .btn, html[data-page~="reg"] .upl, html[data-page~="reg"] .fld input, html[data-page~="reg"] .fld select, html[data-page~="reg"] .fld textarea, html[data-page~="reg"] .inp, html[data-page~="reg"] .card, html[data-page~="reg"] .sec{ transition:none !important; }html[data-page~="reg"] .card, html[data-page~="reg"] .sec, html[data-page~="reg"] .upl, html[data-page~="reg"] .idc{ box-shadow:0 1px 2px rgba(16,24,40,.06) !important; }html[data-page~="reg"] .chip:hover:not([aria-checked="true"]){ transform:none !important; box-shadow:none !important; }html[data-page~="reg"] #aside{ content-visibility:auto; contain-intrinsic-size:auto 900px; }} html[data-page~="reg"] .chips.bt{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; } html[data-page~="reg"] .chip.bt{ flex-direction:column; align-items:flex-start; justify-content:center; padding:12px 14px; min-height:66px; position:relative; text-align:left; } html[data-page~="reg"] .chip.bt b{ font-size:14px; line-height:1.3; padding-right:18px; } html[data-page~="reg"] .chip.bt span.s{ font-size:11.5px; color:var(--ink-2); font-weight:400; font-family:"DM Sans",system-ui,sans-serif; } html[data-page~="reg"] .chip.bt .ck{ position:absolute; top:10px; right:10px; } @media (max-width:1000px){html[data-page~="reg"] .chips.bt{ grid-template-columns:repeat(3,minmax(0,1fr)); }} @media (max-width:620px){html[data-page~="reg"] .chips.bt{ grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }html[data-page~="reg"] .chip.bt{ min-height:60px; padding:10px 12px; }} html[data-page~="reg"] .chips.lic{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:10px; } html[data-page~="reg"] .chip.lic{ flex-direction:column; align-items:flex-start; padding:12px 14px; min-height:70px; position:relative; } html[data-page~="reg"] .chip.lic b{ font-size:14.5px; } html[data-page~="reg"] .chip.lic span.s{ font-size:11.5px; color:var(--ink-2); font-weight:400; } html[data-page~="reg"] .chip.lic .ck{ position:absolute; top:10px; right:10px; } html[data-page~="reg"] .chip.lic[data-v="লাইসেন্সধারী"][aria-checked="true"]{ border-color:var(--green); background:var(--green-bg); box-shadow:0 0 0 3px rgba(31,122,92,.12); } html[data-page~="reg"] .chip.lic[data-v="লাইসেন্সধারী"][aria-checked="true"] .ck{ color:var(--green); } html[data-page~="reg"] .recs.one{ grid-template-columns:minmax(0,1fr); max-width:520px; } @media (max-width:980px){html[data-page~="reg"] .chips.lic{ grid-template-columns:repeat(2,minmax(0,1fr)); }} html[data-page~="reg"] .fee-info{ display:flex; gap:12px; align-items:flex-start; margin:18px 0; padding:12px 14px; border-radius:12px; background:var(--panel-2); border:1px solid var(--line); } html[data-page~="reg"] .fee-info div{ display:flex; flex-direction:column; } html[data-page~="reg"] .fee-info b{ color:var(--navy); } html[data-page~="reg"] .fee-info span{ font-size:13px; color:var(--ink-2); } html[data-page~="reg"] .m-box.wide{ width:min(880px,100%); } html[data-page~="reg"] .paym{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } html[data-page~="reg"] .paym-o{ border:1.5px solid var(--line); border-radius:12px; padding:12px 14px; text-align:left; background:var(--panel-2); cursor:pointer; display:flex; flex-direction:column; gap:2px; font:inherit; } html[data-page~="reg"] .paym-o b{ font-size:15px; } html[data-page~="reg"] .paym-o small{ font-size:12px; color:var(--ink-2); } html[data-page~="reg"] .paym-o[aria-checked="true"]{ border-color:var(--saffron-deep); background:rgba(56,192,55,.09); box-shadow:0 0 0 3px rgba(56,192,55,.16); } html[data-page~="reg"] .pay-note{ font-size:13px; color:var(--ink-2); margin-top:10px; min-height:1em; } html[data-page~="reg"] .pay-note.err{ color:var(--red); font-weight:600; } html[data-page~="reg"] .pay-ok{ display:flex; gap:14px; align-items:center; background:var(--green-bg); border-radius:12px; padding:14px; margin:6px 0 12px; } html[data-page~="reg"] .pay-ok div{ display:flex; flex-direction:column; gap:2px; font-size:13.5px; } html[data-page~="reg"] .pay-ok b{ font-size:16px; color:var(--green); } html[data-page~="reg"] .flow{ list-style:none; display:flex; gap:6px; padding:0; margin:18px auto 0; max-width:560px; } html[data-page~="reg"] .flow li{ flex:1; font-size:12px; color:var(--ink-3); padding-top:8px; border-top:3px solid var(--line); text-align:left; } html[data-page~="reg"] .flow li.ok{ color:var(--green); border-top-color:var(--green); font-weight:600; } html[data-page~="reg"] .flow li.ok::before{ content:"✓ "; } html[data-page~="reg"] .flow li.cur{ color:var(--navy); border-top-color:var(--saffron-deep); font-weight:700; } html[data-page~="reg"] .sbar{ display:flex; gap:8px; flex-wrap:wrap; justify-content:center; margin:14px 0 4px; } html[data-page~="reg"] .sbdg{ font-size:12.5px; font-weight:600; padding:4px 10px; border-radius:8px; display:inline-flex; align-items:center; gap:6px; } html[data-page~="reg"] .sbdg::before{ content:""; width:7px; height:7px; border-radius:50%; background:currentColor; } html[data-page~="reg"] .sbdg.ok{ background:var(--green-bg); color:var(--green); } html[data-page~="reg"] .sbdg.warn{ background:#FDF1DC; color:#7f520b; } html[data-page~="reg"] .sbdg.muted{ background:#EEEEF0; color:#5B6070; } html[data-page~="reg"] .paycta{ display:flex; gap:14px; align-items:center; justify-content:space-between; text-align:left; margin:16px 0 4px; padding:14px 16px; border-radius:12px; background:linear-gradient(160deg,#FFF9EF,#FCF1DB); border:1px solid #bfe6c3; flex-wrap:wrap; } html[data-page~="reg"] .paycta div{ display:flex; flex-direction:column; } html[data-page~="reg"] .paycta b{ color:var(--navy); font-size:15px; } html[data-page~="reg"] .paycta span{ font-size:13px; color:var(--ink-2); } html[data-page~="reg"] .doc-acts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; margin:14px 0 6px; } html[data-page~="reg"] .dact{ display:flex; flex-direction:column; gap:3px; text-align:left; padding:12px 14px; border-radius:12px; border:1.5px solid var(--line); background:#fff; cursor:pointer; font:inherit; color:var(--ink); } html[data-page~="reg"] .dact:hover{ border-color:var(--saffron-deep); } html[data-page~="reg"] .dact b{ font-size:14px; color:var(--navy); } html[data-page~="reg"] .dact small{ font-size:12px; color:var(--ink-2); } html[data-page~="reg"] .dact.locked{ background:var(--panel-2); } html[data-page~="reg"] .dact.locked b{ color:var(--ink-2); } html[data-page~="reg"] .cert-box{ margin:0 auto; overflow:hidden; border:1px solid var(--line); border-radius:10px; background:#E9E6DD; position:relative; } html[data-page~="reg"] .ds-main{ display:flex; gap:4px; border-bottom:1px solid var(--line); margin:-4px 0 14px; } html[data-page~="reg"] .ds-main button{ padding:10px 14px; font-size:14px; font-weight:600; color:var(--ink-2); border-bottom:2px solid transparent; margin-bottom:-1px; background:none; cursor:pointer; font-family:inherit; } html[data-page~="reg"] .ds-main button[aria-selected="true"]{ color:var(--navy); border-bottom-color:var(--saffron-deep); } html[data-page~="reg"] .ds-main small{ font-family:var(--mono); font-size:12px; background:var(--line-2); border-radius:8px; padding:0 6px; } html[data-page~="reg"] .ds-table.reg .ds-row{ grid-template-columns:1.25fr 1.2fr 1fr .95fr .95fr .95fr 1.9fr; } html[data-page~="reg"] .dtag.muted{ background:#EEEEF0; color:#5B6070; } @media (max-width:720px){html[data-page~="reg"] .paym, html[data-page~="reg"] .doc-acts{ grid-template-columns:1fr; }html[data-page~="reg"] .flow li{ font-size:12px; }} @media (max-width:980px){html[data-page~="reg"] .ds-table.reg .ds-row{ grid-template-columns:1fr 1fr; }} @media print{html[data-page~="reg"] body.printing-cert #printArea{ padding:0!important; }} html[data-page~="reg"] body.gated{ overflow:hidden; } html[data-page~="reg"] .gate{ position:fixed; inset:0; z-index:150; overflow:auto; display:grid; place-items:center; padding:20px; background:radial-gradient(900px 400px at 100% 0%,rgba(56,192,55,.16),transparent 60%),var(--ground); } html[data-page~="reg"] .gate[hidden]{ display:none; } html[data-page~="reg"] .gate-card{ width:min(420px,100%); background:#fff; border:1px solid var(--line); border-radius:18px; padding:28px; box-shadow:0 30px 60px -30px rgba(9,38,20,.35); } html[data-page~="reg"] .gate-brand{ display:flex; gap:10px; align-items:center; margin-bottom:20px; } html[data-page~="reg"] .gate-brand b{ display:block; font-family:var(--hd); font-weight:800; font-size:16px; } html[data-page~="reg"] .gate-brand span{ font-size:12px; color:var(--ink-2); } html[data-page~="reg"] .gate-card h1{ font-family:var(--hd); font-weight:800; font-size:24px; color:var(--navy); margin:0; } html[data-page~="reg"] .gate-sub{ font-size:13.5px; color:var(--ink-2); margin:4px 0 16px; } html[data-page~="reg"] .gate-card .fld input{ width:100%; height:46px; border:1.5px solid var(--line); border-radius:10px; padding:0 12px; font-size:15px; background:var(--panel-2); } html[data-page~="reg"] .gate-card .fld input:focus{ outline:none; border-color:var(--saffron-deep); box-shadow:var(--ring); background:#fff; } html[data-page~="reg"] .gate-card label{ font-size:13px; font-weight:600; color:var(--navy); display:block; margin-bottom:5px; } html[data-page~="reg"] .gpass{ position:relative; } html[data-page~="reg"] .gshow{ position:absolute; right:8px; top:8px; height:30px; padding:0 10px; border-radius:7px; font-size:12px; color:var(--navy); background:var(--panel-2); border:1px solid var(--line); cursor:pointer; } html[data-page~="reg"] .gate-err{ min-height:18px; font-size:13px; color:var(--red); margin:10px 0 4px; } html[data-page~="reg"] .gate-err a{ color:var(--navy); font-weight:600; } html[data-page~="reg"] .gate-go{ width:100%; height:46px; justify-content:center; font-size:15px; } html[data-page~="reg"] .gate-msg{ background:#FDF1DC; color:#6B4308; border-radius:10px; padding:10px 12px; font-size:13px; margin-bottom:12px; } html[data-page~="reg"] .gate-links{ display:flex; justify-content:space-between; gap:10px; margin-top:16px; font-size:13.5px; flex-wrap:wrap; } html[data-page~="reg"] .gate-links a{ color:var(--navy); font-weight:600; } html[data-page~="reg"] .gate-demo{ margin-top:14px; font-size:12px; color:var(--ink-2); background:var(--panel-2); border:1px dashed var(--line); border-radius:8px; padding:8px 10px; } html[data-page~="reg"] .gate-sup{ margin-top:12px; font-size:12.5px; color:var(--ink-2); text-align:center; } html[data-page~="reg"] .gate-sup a{ color:var(--navy); font-weight:600; } html[data-page~="reg"] .agent-chip{ display:flex; align-items:center; gap:8px; margin-left:auto; margin-right:10px; height:40px; padding:0 4px 0 4px; border-radius:22px; background:#fff; border:1px solid var(--line); box-shadow:var(--shadow); } html[data-page~="reg"] .agent-chip[hidden]{ display:none; } html[data-page~="reg"] .lcol{ position:sticky; top:calc(var(--top-h) + 28px + env(safe-area-inset-top,0px)); display:flex; flex-direction:column; gap:14px; align-self:start; } html[data-page~="reg"] .lcol > .stepper{ position:static; } html[data-page~="reg"] .lcol > .agent-chip{ flex-wrap:wrap; height:auto; margin:0; padding:12px; border-radius:16px; gap:10px; background:var(--panel); border:1px solid var(--line); box-shadow:var(--shadow); } html[data-page~="reg"] .lcol > .agent-chip .ac-av{ width:38px; height:38px; font-size:15px; } html[data-page~="reg"] .lcol > .agent-chip .ac-t{ display:flex; flex:1 1 calc(100% - 50px); min-width:0; } html[data-page~="reg"] .lcol > .agent-chip .ac-t b{ font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="reg"] .lcol > .agent-chip .ac-t small{ font-size:12px; letter-spacing:.02em; } html[data-page~="reg"] .lcol > .agent-chip .ac-out{ flex:1 1 100%; display:inline-flex; align-items:center; justify-content:center; gap:6px; height:36px; border-radius:10px; } html[data-page~="reg"] .lcol > .agent-chip .ac-out:hover{ background:#B23B3B; border-color:#B23B3B; color:#fff; } html[data-page~="reg"] .ac-out svg{ width:15px; height:15px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; } html[data-page~="reg"] .dash-btn[hidden]{ display:none; } html[data-page~="reg"] .dash-btn{ text-decoration:none; background:var(--navy); color:#fff; border-color:var(--navy); margin-right:8px; } html[data-page~="reg"] .dash-btn:hover{ filter:brightness(1.12); } html[data-page~="reg"] .dash-btn:not([hidden]) + .dbtn{ margin-left:0; } @media (max-width:980px){html[data-page~="reg"] .lcol{ display:contents; }} html[data-page~="reg"] .supbar .agent-chip{ margin:0 auto 0 0; height:auto; padding:6px 8px; flex-wrap:wrap; } html[data-page~="reg"] .supbar .agent-chip .ac-t{ display:flex !important; } html[data-page~="reg"] .supbar .agent-chip .ac-out{ display:inline-flex; align-items:center; gap:5px; } html[data-page~="reg"] .agent-chip + .dbtn{ margin-left:0; } html[data-page~="reg"] .ac-av{ width:32px; height:32px; border-radius:50%; background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:700; } html[data-page~="reg"] .ac-t{ display:flex; flex-direction:column; line-height:1.15; } html[data-page~="reg"] .ac-t b{ font-size:12.5px; } html[data-page~="reg"] .ac-t small{ font-size:12px; color:var(--ink-2); } html[data-page~="reg"] .ac-dash{ display:inline-flex; align-items:center; text-decoration:none; background:var(--navy); color:#fff; border-color:var(--navy); margin-right:6px; } html[data-page~="reg"] .ac-out{ height:30px; padding:0 10px; border-radius:16px; border:1px solid var(--line); background:var(--panel-2); font-size:12px; font-weight:600; color:var(--navy); cursor:pointer; } html[data-page~="reg"] body.gated .supbar{ display:none; } html[data-page~="reg"] .supbar{ display:flex; justify-content:flex-end; align-items:center; gap:12px; flex-wrap:wrap; margin-top:18px; font-size:13px; color:var(--ink-2); } html[data-page~="reg"] .supbar a{ display:inline-flex; align-items:center; gap:6px; padding:6px 12px; border-radius:20px; background:#fff; border:1px solid var(--line); color:var(--navy); font-weight:700; text-decoration:none; } html[data-page~="reg"] .supbar a::before{ content:"☎"; color:var(--saffron-deep); } html[data-page~="reg"] .card.help a{ color:var(--navy); font-weight:700; } @media (max-width:980px){html[data-page~="reg"] .ac-t{ display:none; }html[data-page~="reg"] .agent-chip{ padding-right:4px; }} @media (max-width:1240px){html[data-page~="reg"] .layout{ grid-template-columns:220px minmax(0,1fr); }html[data-page~="reg"] .aside{ grid-column:1/-1; position:static; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); align-items:start; }} @media (max-width:1100px){html[data-page~="reg"] .ptab .lbl-long{ display:none; }} @media (max-width:980px){html[data-page~="reg"]{ --top-h:112px; }html[data-page~="reg"] .top-in{ flex-wrap:wrap; gap:8px 12px; padding:10px 16px 8px; }html[data-page~="reg"] .ptabs{ order:3; width:100%; margin-left:0; overflow-x:auto; scrollbar-width:none; justify-content:flex-start; }html[data-page~="reg"] .ptabs::-webkit-scrollbar{ display:none; }html[data-page~="reg"] .ptab{ flex:1 0 auto; justify-content:center; }html[data-page~="reg"] .ptab .lbl-long{ display:inline; }html[data-page~="reg"] .wrap{ padding:16px 16px 40px; }html[data-page~="reg"] .layout{ grid-template-columns:minmax(0,1fr); gap:16px; }html[data-page~="reg"] .stepper{ position:sticky; top:calc(var(--top-h) + 3px + env(safe-area-inset-top,0px)); z-index:20; padding:6px; border-radius:14px; }html[data-page~="reg"] .stepper ol{ flex-direction:row; overflow-x:auto; scrollbar-width:none; gap:4px; }html[data-page~="reg"] .stepper ol::-webkit-scrollbar{ display:none; }html[data-page~="reg"] .st-item{ grid-template-columns:34px auto; gap:8px; padding:6px 10px 6px 6px; width:auto; }html[data-page~="reg"] .st-ic{ width:34px; height:34px; border-radius:10px; }html[data-page~="reg"] .st-ic .i3d{ width:24px; height:24px; }html[data-page~="reg"] .st-item:not([aria-current="step"]) .st-l{ display:none; }html[data-page~="reg"] .stepper li{ flex:none; }html[data-page~="reg"] .st-item[aria-current="step"] .st-l{ min-width:max-content; }html[data-page~="reg"] .ptabs-lbl{ display:none; }html[data-page~="reg"] .st-l span, html[data-page~="reg"] .st-c{ display:none; }html[data-page~="reg"] .st-l b{ font-size:13px; }html[data-page~="reg"] .st-sep{ display:none; }html[data-page~="reg"] .aside{ grid-template-columns:1fr; position:static; }html[data-page~="reg"] .body{ padding:24px 18px 10px; }html[data-page~="reg"] .panel-top{ padding:12px 18px; }html[data-page~="reg"] .navbar{ padding:12px 18px calc(12px + env(safe-area-inset-bottom,0px)); }html[data-page~="reg"] .prog{ margin:0 16px 2px; }html[data-page~="reg"] .ptabs{ border-radius:14px; }html[data-page~="reg"]{ scroll-padding-top:calc(env(safe-area-inset-top,0px) + 190px); }html[data-page~="reg"] .sec{ scroll-margin-top:190px; }} @media (max-width:720px){html[data-page~="reg"] .grid, html[data-page~="reg"] .grid.g3, html[data-page~="reg"] .grid.g4, html[data-page~="reg"] .dr-form .grid{ grid-template-columns:minmax(0,1fr); }html[data-page~="reg"] .chips.vt{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="reg"] .chip.vt{ min-height:132px; padding:12px; }html[data-page~="reg"] .chips.roof{ grid-template-columns:minmax(0,1fr); }html[data-page~="reg"] .chips.pay{ grid-template-columns:minmax(0,1fr); }html[data-page~="reg"] .agent-row{ grid-template-columns:minmax(0,1fr); }html[data-page~="reg"] .up.avatar .up-drop, html[data-page~="reg"] .up.avatar .up-prev{ height:auto; min-height:120px; }html[data-page~="reg"] .rv dl{ grid-template-columns:minmax(0,1fr); }html[data-page~="reg"] .link{ grid-template-columns:40px minmax(0,1fr); }html[data-page~="reg"] .link .lk-act{ grid-column:1/-1; justify-content:flex-start; }html[data-page~="reg"] .sec-head h2{ font-size:24px; }html[data-page~="reg"] .sec-ic{ width:56px; height:56px; border-radius:16px; }html[data-page~="reg"] .sec-ic .i3d{ width:40px; height:40px; }html[data-page~="reg"] .recs{ grid-template-columns:minmax(0,1fr); }html[data-page~="reg"] .brand-txt span{ display:none; }html[data-page~="reg"] .navbar .meta{ display:none; }html[data-page~="reg"] .navbar .btn{ padding:0 14px; }html[data-page~="reg"] .nid-row{ flex-direction:column; align-items:stretch; }html[data-page~="reg"] .ptab{ padding:8px 10px; font-size:13px; }} @media (prefers-reduced-motion:reduce){html[data-page~="reg"] *, html[data-page~="reg"] *::before, html[data-page~="reg"] *::after{ animation:none!important; transition:none!important; }} @media print{html[data-page~="reg"] body > *:not(#printArea){ display:none!important; }html[data-page~="reg"] #printArea{ display:block!important; color:#000; font-size:12px; }html[data-page~="reg"] #printArea h1{ font-size:18px; margin-bottom:4px; }html[data-page~="reg"] #printArea h2{ font-size:14px; margin:14px 0 4px; border-bottom:1px solid #999; }html[data-page~="reg"] #printArea table{ width:100%; border-collapse:collapse; }html[data-page~="reg"] #printArea td{ padding:3px 4px; border-bottom:1px solid #ddd; vertical-align:top; }html[data-page~="reg"] #printArea td:first-child{ width:40%; color:#444; }html[data-page~="reg"] #printArea .p-vin{ display:flex; gap:18px; align-items:center; border:2px solid #000; border-radius:10px; padding:12px 16px; margin:10px 0 14px; break-inside:avoid; }html[data-page~="reg"] #printArea .p-vin img{ width:120px; height:120px; image-rendering:pixelated; }html[data-page~="reg"] #printArea .p-vin small{ display:block; font-size:12px; color:#444; }html[data-page~="reg"] #printArea .p-vin b{ display:block; font-family:"AVID Mark","JetBrains Mono",monospace; font-weight:400; font-size:34px; letter-spacing:1px; }html[data-page~="reg"] #printArea .p-vin span{ font-size:12px; color:#333; }html[data-page~="reg"] #printArea .p-card{ width:86mm; border:1.5px solid #000; border-radius:4mm; padding:4mm; }html[data-page~="reg"] #printArea .p-card .p-vin{ border:0; padding:2mm 0; margin:2mm 0; }html[data-page~="reg"] #printArea .p-card .p-vin img{ width:28mm; height:28mm; }html[data-page~="reg"] #printArea .p-card .p-vin b{ font-size:22px; letter-spacing:1px; }html[data-page~="reg"] #printArea .p-card-h{ font-weight:700; font-size:12px; border-bottom:1px solid #000; padding-bottom:2mm; }html[data-page~="reg"] #printArea .p-card-f{ font-size:11.5px; color:#333; }} html[data-page~="reg"] .bat-ser{ margin-top:4px; } html[data-page~="reg"] .bat-ser-h{ font-weight:650; font-size:14.5px; margin:4px 0 10px; } html[data-page~="reg"] .bat-ser-h small{ display:block; font-weight:400; font-size:12.5px; color:var(--ink-3); } /* ===== reg ===== */ html[data-page~="reg"] .st-n{ font-size:12px; } html[data-page~="reg"] .st-c{ font-size:12px; } html[data-page~="reg"] .st-l span{ font-size:11.2px; letter-spacing:.02em; color:var(--ink-2); } html[data-page~="reg"] .cnt{ font-size:12px; } html[data-page~="reg"] .tag{ font-size:12px; } html[data-page~="reg"] .ptabs-lbl{ font-size:12px; } html[data-page~="reg"] .side{ font-size:12px; } html[data-page~="reg"] .rec-k{ font-size:12px; } html[data-page~="reg"] .idc dt, html[data-page~="reg"] .idc dd{ font-size:12px; } html[data-page~="reg"] .idc-top span, html[data-page~="reg"] .idc-who span{ font-size:12px; color:rgba(255,255,255,.82); } html[data-page~="reg"] .vin-k{ font-size:12px; } html[data-page~="reg"] .vin-s{ font-size:12px; color:rgba(255,255,255,.82); } html[data-page~="reg"] .gate-demo{ color:var(--ink-2); } html[data-page~="reg"] .ptab .cnt, html[data-page~="reg"] .ptabs .cnt, html[data-page~="reg"] span.cnt{ font-size:12px !important; } html[data-page~="reg"] span.st-n{ font-size:12px !important; } html[data-page~="reg"] .avc-im em{ color:#5d7466 !important; } /* ===== reg ===== */ html[data-page~="reg"] .qk{ border:1.5px solid #9fd8b0; background:linear-gradient(160deg,#f2fbf4,#fff); border-radius:16px; padding:16px 18px; margin:0 0 18px; } html[data-page~="reg"] .qk-h{ display:flex; gap:12px; align-items:flex-start; margin-bottom:10px; } html[data-page~="reg"] .qk-h > div{ display:flex; flex-direction:column; gap:3px; } html[data-page~="reg"] .qk-h > div > b{ font-size:17px; color:var(--navy); } html[data-page~="reg"] .qk-h span{ font-size:13.5px; color:var(--ink-2); line-height:1.55; } html[data-page~="reg"] .qk-steps{ list-style:none; display:flex; flex-wrap:wrap; gap:6px; padding:0; margin:0 0 12px; counter-reset:q; } html[data-page~="reg"] .qk-steps li{ counter-increment:q; font-size:12.5px; font-weight:600; color:var(--navy); background:#fff; border:1px solid var(--line); border-radius:20px; padding:3px 10px 3px 4px; display:flex; align-items:center; gap:6px; } html[data-page~="reg"] .qk-steps li::before{ content:counter(q); width:20px; height:20px; border-radius:50%; background:var(--saffron-deep,#c98a1b); color:#fff; display:grid; place-items:center; font-size:11.5px; } html[data-page~="reg"] .qk-up{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:12px; } html[data-page~="reg"] .qk-more{ margin-top:12px; } html[data-page~="reg"] .qk-more summary, html[data-page~="reg"] .qk-all summary{ cursor:pointer; font-weight:600; color:var(--navy); font-size:14px; padding:6px 0; } html[data-page~="reg"] .qk-all{ border:1px dashed var(--line); border-radius:12px; padding:8px 14px; margin-bottom:16px; } html[data-page~="reg"] .qk-all[open]{ padding-bottom:14px; } @media (max-width:820px){html[data-page~="reg"] .qk-up{ grid-template-columns:1fr; }} /* ===== reg ===== */ html[data-page~="reg"] .ocr-grp{ margin-bottom:20px; } html[data-page~="reg"] .ocr-row{ display:flex; gap:12px; align-items:center; justify-content:space-between; margin-top:12px; flex-wrap:wrap; } html[data-page~="reg"] .ocr-st{ margin:0; flex:1; min-width:220px; font-size:13.5px; line-height:1.55; color:var(--ink-2); display:flex; gap:8px; align-items:center; } html[data-page~="reg"] .ocr-st.ok{ color:var(--green-t, #1d7f27); font-weight:600; } html[data-page~="reg"] .ocr-st.bad{ color:#a3192f; font-weight:600; } html[data-page~="reg"] .ocr-st .spin{ flex:none; } html[data-page~="reg"] .nid-moved{ grid-column:1 / -1; padding:10px 12px; border-radius:10px; background:var(--panel-2); } /* ===== app, apply, reg, search ===== */ html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan{position:fixed;inset:0;z-index:2147483000;background:#0c1912;display:flex;flex-direction:column;color:#fff;font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,sans-serif} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan *{box-sizing:border-box} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-top{display:flex;align-items:center;gap:12px;padding:12px 16px;flex-wrap:wrap} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-top b{font-size:17px;margin-right:auto} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-seg{display:inline-flex;background:rgba(255,255,255,.1);border-radius:10px;padding:3px} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-seg button{border:0;background:none;color:#d7e9dc;font:600 13.5px inherit;font-family:inherit;padding:6px 14px;border-radius:8px;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-seg button[aria-pressed="true"]{background:#38c037;color:#062a1e} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-x{border:0;background:rgba(255,255,255,.12);color:#fff;width:36px;height:36px;border-radius:50%;font-size:18px;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-stage{position:relative;flex:1;display:grid;place-items:center;overflow:hidden;padding:8px 16px;touch-action:none} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-wrap{position:relative;line-height:0;max-width:100%;max-height:100%} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan canvas.sc-img{max-width:100%;max-height:calc(100vh - 230px);display:block;border-radius:6px;box-shadow:0 20px 50px -20px #000;background:#fff} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan svg.sc-ov{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-h{position:absolute;width:30px;height:30px;margin:-15px 0 0 -15px;border-radius:50%;border:3px solid #38c037;background:rgba(255,255,255,.95);box-shadow:0 2px 10px rgba(0,0,0,.5);touch-action:none;cursor:grab} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-h:focus-visible{outline:3px solid #f2b705;outline-offset:2px} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-loupe{position:absolute;width:112px;height:112px;border-radius:50%;border:3px solid #38c037;box-shadow:0 6px 18px rgba(0,0,0,.6);pointer-events:none;display:none;background:#000} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-tools{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:6px 16px} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-tools button, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-f button{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);color:#fff;font:600 13.5px inherit;font-family:inherit;padding:8px 13px;border-radius:10px;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-f{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;padding:6px 16px} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-f button[aria-pressed="true"]{background:#38c037;border-color:#38c037;color:#062a1e} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-bot{display:flex;gap:10px;justify-content:space-between;align-items:center;padding:12px 16px 16px;flex-wrap:wrap} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-bot .keep{background:none;border:0;color:#cfe3d6;text-decoration:underline;font:500 14px inherit;font-family:inherit;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-bot .go{border:0;background:#38c037;color:#062a1e;font:700 15px inherit;font-family:inherit;padding:11px 22px;border-radius:12px;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-bot .ghost{border:1px solid rgba(255,255,255,.3);background:none;color:#fff;font:600 14px inherit;font-family:inherit;padding:10px 16px;border-radius:12px;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-msg{font-size:13px;color:#cfe3d6;text-align:center;padding:0 16px;min-height:18px} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan .sc-busy{position:absolute;inset:0;display:grid;place-items:center;background:rgba(9,20,13,.55);font-size:15px} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) #avScan button:focus-visible{outline:3px solid #f2b705;outline-offset:2px} /* ===== app, reg, search, type ===== */ /* ===== app, reg, search ===== */ html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avcert{ page:avcert; width:210mm; height:297mm; position:relative; overflow:hidden; background:#fff; color:#161A17; font-family:"Anek Bangla","Noto Sans Bengali",sans-serif; -webkit-print-color-adjust:exact; print-color-adjust:exact; break-after:page; box-sizing:border-box; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avcert *{ box-sizing:border-box; margin:0; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-frame{ position:absolute; inset:0; width:210mm; height:297mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-wmk{ position:absolute; left:50%; top:52%; width:70mm; transform:translate(-50%,-50%); opacity:.045; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-body{ position:absolute; left:11.5mm; right:11.5mm; top:11mm; bottom:11.5mm; display:flex; flex-direction:column; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-hd{ display:grid; grid-template-columns:24mm 1fr 22mm; gap:5mm; align-items:center; padding:1mm 2mm 3.2mm; border-bottom:.35mm solid #0A853E; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-logo{ width:22mm; height:22mm; border-radius:50%; background:#fff; box-shadow:0 0 0 .5mm #E3EFE7, 0 1.2mm 3mm rgba(10,133,62,.18); display:grid; place-items:center; overflow:hidden; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-logo img{ width:17mm; height:17mm; object-fit:contain; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-ttl h1{ font-family:"DM Sans",sans-serif; font-weight:700; font-size:15.6pt; letter-spacing:-.1pt; color:#121513; line-height:1.15; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-ttl p{ font-family:"DM Sans",sans-serif; font-weight:600; font-size:10.6pt; color:#121513; margin-top:1.1mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-ttl p.avc-g{ color:#2CA65B; font-weight:600; font-size:11.4pt; margin-top:.6mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-ttl p.avc-g b{ font-family:"AVID Mark","DM Sans",sans-serif; font-weight:400; letter-spacing:.3pt; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-qr{ text-align:center; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-qr span{ display:block; width:20mm; height:20mm; margin:0 auto; border:.35mm solid #0A853E; border-radius:1.6mm; padding:1.1mm; background:#fff; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-qr img{ width:100%; height:100%; display:block; image-rendering:pixelated; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-qr small{ display:block; font-size:6.2pt; color:#0A853E; margin-top:.8mm; font-weight:600; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-h{ display:flex; align-items:center; gap:1.8mm; font-size:11.2pt; font-weight:500; color:#141714; white-space:nowrap; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-h::before{ content:""; width:1.9mm; height:1.9mm; background:#0A853E; transform:rotate(45deg); flex:none; margin:0 .6mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-h::after{ content:""; height:.45mm; flex:1; background:linear-gradient(90deg,#0A853E,#6CC48F 70%,rgba(108,196,143,.15)); border-radius:1mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sec{ margin-top:3.6mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sec > .avc-h, html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sec > div > .avc-h{ margin-bottom:2.2mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-card{ border:.3mm solid #DCE9E0; border-radius:2.2mm; background:#fff; padding:3mm 3.4mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-r1{ display:grid; grid-template-columns:1.62fr 1fr; gap:4.5mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-own{ display:grid; grid-template-columns:18mm 1fr; gap:3.4mm; align-items:start; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-own .avc-pp{ width:18mm; height:23mm; border:.45mm solid #2CA65B; border-radius:1mm; overflow:hidden; background:#F1F6F2; display:grid; place-items:center; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-own .avc-pp img{ width:100%; height:100%; object-fit:cover; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-own .avc-pp svg{ width:11mm; height:11mm; color:#A8C9B4; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv{ display:grid; gap:2mm 3mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv.avc-c3{ grid-template-columns:repeat(3,minmax(0,1fr)); } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv.avc-c2{ grid-template-columns:repeat(2,minmax(0,1fr)); } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv .avc-s2{ grid-column:span 2; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv .avc-s3{ grid-column:1/-1; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv dt{ font-size:7.8pt; color:#4C524E; font-weight:400; line-height:1.25; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv dd{ font-family:"DM Sans","Anek Bangla",sans-serif; font-weight:700; font-size:9pt; color:#121513; line-height:1.3; overflow-wrap:anywhere; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv dd.avc-bn{ font-family:"Anek Bangla","Noto Sans Bengali",sans-serif; font-weight:600; font-size:9.6pt; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-kv dd.avc-ad{ font-family:"Anek Bangla","Noto Sans Bengali",sans-serif; font-weight:600; font-size:9.8pt; line-height:1.35; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-r2{ display:grid; grid-template-columns:2.18fr 1fr; gap:4.5mm; align-items:stretch; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-phs{ display:grid; grid-template-columns:1fr 1fr; gap:3mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-phc{ border:.45mm solid #DCE9E0; border-radius:2.2mm; padding:2.4mm 2.4mm 2mm; background:#fff; display:flex; flex-direction:column; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-phc .avc-im{ height:29mm; border-radius:1mm; background:#EEF4F0; overflow:hidden; display:grid; place-items:center; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-phc .avc-im img{ width:100%; height:100%; object-fit:cover; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-phc .avc-im em{ font-style:normal; font-size:7pt; color:#93AE9C; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-phc b{ display:flex; align-items:center; justify-content:center; gap:1.2mm; font-size:7.6pt; font-weight:600; color:#0A853E; margin-top:2mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-phc b::before{ content:""; width:1.4mm; height:1.4mm; border-radius:50%; background:#0A853E; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id{ border:.3mm solid #D3E5D9; border-radius:2.2mm; overflow:hidden; background:#F5F9F6; display:flex; flex-direction:column; flex:1; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id .avc-vv{ background:linear-gradient(135deg,#0E9447,#0A7A39); color:#fff; padding:2.6mm 3.4mm 2.8mm; position:relative; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id .avc-vv::after{ content:""; position:absolute; inset:0; background:repeating-linear-gradient(115deg,rgba(255,255,255,.06) 0 .3mm,transparent .3mm 2.4mm); } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id .avc-vv small{ display:block; font-size:6.8pt; opacity:.92; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id .avc-vv b{ display:block; font-family:"AVID Mark","DM Sans",sans-serif; font-weight:400; font-size:17pt; letter-spacing:.4pt; line-height:1.25; margin-top:.6mm; white-space:nowrap; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id .avc-kk{ padding:2.4mm 3.4mm; border-top:.3mm solid #E0ECE4; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id .avc-kk small{ display:block; font-size:7.2pt; color:#4C524E; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-id .avc-kk b{ font-family:"DM Sans",sans-serif; font-size:11pt; font-weight:700; color:#121513; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-pill{ display:inline-flex; align-items:center; gap:1.4mm; margin-top:1.4mm; border:.35mm solid #C9E2D2; background:#fff; color:#0A853E; border-radius:10mm; padding:1mm 4mm; font-size:9pt; font-weight:600; width:100%; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-pill.avc-no{ color:#B54A1F; border-color:#F0D2C3; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-desc{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:2.1mm 4mm; padding:0 1.6mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-r3{ display:grid; grid-template-columns:1fr 1fr; gap:6mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-r3 .avc-kv{ padding:0 1.6mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl{ display:grid; grid-template-columns:1.45fr 1.2fr .9fr; gap:3.6mm; margin-top:4.2mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl > div{ border:.3mm solid #DCE9E0; border-radius:2.2mm; height:24mm; position:relative; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d1{ background:#F3F7F4; border-left:.9mm solid #0A853E; border-radius:0 2.2mm 2.2mm 0; padding:4mm 4.5mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d1 b{ display:block; font-size:8.2pt; color:#0A853E; font-weight:600; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d1 p{ font-family:"Tiro Bangla","Anek Bangla",serif; font-size:9.6pt; margin-top:3mm; line-height:1.45; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d2{ display:flex; flex-direction:column; justify-content:flex-end; padding:0 5mm 2.4mm; text-align:center; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d2 img{ max-height:12mm; max-width:100%; object-fit:contain; margin:0 auto 1mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d2 i{ display:block; border-top:.3mm solid #2A2E2B; margin-bottom:1.6mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d2 b, html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d3 b{ font-size:8.4pt; font-weight:600; color:#0A853E; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d3{ display:flex; flex-direction:column; align-items:center; justify-content:flex-end; padding-bottom:2.4mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-decl .avc-d3 span{ width:17mm; height:17mm; border-radius:50%; border:.3mm dashed #A9C9B4; margin-bottom:1.4mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp{ margin-top:2.8mm; border:.3mm solid #E2ECE5; border-radius:2.2mm; background:#F6FAF7; padding:2.4mm 3.4mm 2.2mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp h4{ text-align:center; font-family:"Tiro Bangla","Anek Bangla",serif; font-weight:400; font-size:9.8pt; color:#1B1F1C; margin-bottom:2mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp ul{ list-style:none; padding:0; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:2mm 2.2mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp li{ height:9.4mm; border-radius:1.4mm; background:#fff; border:.25mm solid #E1EAE4; display:grid; place-items:center; overflow:hidden; padding:1mm; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp li.avc-e{ border-style:dashed; background:transparent; color:#B7C4BB; font-size:6.4pt; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp li img{ max-width:100%; max-height:100%; object-fit:contain; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp footer{ display:flex; justify-content:space-between; gap:3mm; margin-top:2.4mm; font-size:6.6pt; color:#4C524E; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp footer span:last-child{ font-family:"DM Sans",sans-serif; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-sp footer b{ color:#0A853E; font-weight:600; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-wm{ position:absolute; inset:0; display:grid; place-items:center; pointer-events:none; z-index:5; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-wm span{ transform:rotate(-32deg); font-size:38pt; font-weight:600; color:rgba(190,60,40,.15); border:1.2mm solid rgba(190,60,40,.15); padding:4mm 10mm; border-radius:4mm; white-space:nowrap; text-align:center; line-height:1.25; } html:is([data-page~="app"],[data-page~="reg"],[data-page~="search"]) .avc-wm span small{ display:block; font-size:13pt; } /* ===== app, apply, reg, search ===== */ html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-ov{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:16px;background:rgba(8,14,24,.82)} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-box{width:min(760px,100%);background:#0d2a15;color:#fff;border-radius:16px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(0,0,0,.6);display:flex;flex-direction:column;max-height:calc(100vh - 32px)} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-h{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.1)} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-h b{font-size:15px} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-h small{display:block;color:#a9c7b1;font-size:12px;font-weight:400} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-x{width:34px;height:34px;border-radius:8px;background:rgba(255,255,255,.08);color:#fff;border:0;font-size:16px;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-v{position:relative;background:#000;aspect-ratio:4/3;max-height:62vh;display:grid;place-items:center} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-v video, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-v img{width:100%;height:100%;object-fit:contain;display:block} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-v .guide{position:absolute;inset:9%;border:2px dashed rgba(56,192,55,.75);border-radius:12px;pointer-events:none} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-msg{padding:28px 20px;text-align:center;color:#cfe6d5;font-size:14px;line-height:1.6} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-f{display:flex;gap:10px;justify-content:center;align-items:center;padding:14px 16px;flex-wrap:wrap} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-btn{height:42px;padding:0 18px;border-radius:10px;border:1px solid rgba(255,255,255,.25);background:transparent;color:#fff;font:inherit;font-weight:600;cursor:pointer} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-btn.pri{background:#38c037;border-color:#38c037;color:#0b2e10} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-shot{width:64px;height:64px;border-radius:50%;border:4px solid #fff;background:#38c037;cursor:pointer;box-shadow:0 0 0 4px rgba(56,192,55,.35)} html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-shot:focus-visible, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-btn:focus-visible, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-x:focus-visible{outline:3px solid #38c037;outline-offset:2px} /* ===== reg ===== */ html[data-page~="reg"] .fp-steps{list-style:none;display:flex;gap:6px;padding:0;margin:4px 0 16px} html[data-page~="reg"] .fp-steps li{flex:1;font-size:12px;color:#6E7688;padding-top:7px;border-top:3px solid #E6E1D5} html[data-page~="reg"] .fp-steps li.on{color:var(--navy,#132A46);font-weight:700;border-top-color:var(--saffron-deep,#D98F1F)} html[data-page~="reg"] .fp-steps li.done{color:#1F7A5C;border-top-color:#1F7A5C} html[data-page~="reg"] .fp-sub{font-size:13px;color:#56607A;margin:0 0 14px} html[data-page~="reg"] .fp-demo{display:flex;gap:8px;font-size:12.5px;background:#FDF1DC;color:#7A4E0C;border:1px dashed #E7C27A;border-radius:9px;padding:9px 11px;margin:0 0 12px} html[data-page~="reg"] .fp-demo b{font-family:"JetBrains Mono",monospace;letter-spacing:.08em} html[data-page~="reg"] .fp-err{min-height:18px;font-size:13px;color:#B23B3B;margin:8px 0 4px} html[data-page~="reg"] .fp-ok{background:#E7F3EE;color:#1F7A5C;border-radius:10px;padding:12px 14px;font-size:13.5px;margin:6px 0 14px;display:flex;gap:10px;align-items:flex-start} html[data-page~="reg"] .fp-ok b{display:block;font-size:15px} html[data-page~="reg"] .fp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;font-size:13px;flex-wrap:wrap} html[data-page~="reg"] .fp-link{background:none;border:0;padding:0;color:var(--navy,#132A46);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer} html[data-page~="reg"] .fp-link[disabled]{color:#9AA1B0;text-decoration:none;cursor:default} html[data-page~="reg"] .fp-meter{height:5px;border-radius:4px;background:#EFEBE1;margin-top:6px;overflow:hidden} html[data-page~="reg"] .fp-meter i{display:block;height:100%;transition:width .2s} html[data-page~="reg"] .fp-hint{font-size:12px;color:#6E7688;margin-top:4px;display:block} html[data-page~="reg"] .fp-card .fld + .fld{margin-top:12px} html[data-page~="reg"] .fp-card input{width:100%} html[data-page~="reg"] .forgot-link{display:block;margin:8px 0 0 auto;background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--navy,#132A46);text-decoration:underline;text-underline-offset:3px;cursor:pointer} /* ===== apply ===== */ html[data-page~="apply"]{ --navy:#173f22; --navy-2:#1f5a2c; --navy-deep:#0d2a15; --saffron:#38c037; --saffron-deep:#1d7f27; --ink:#1B2434; --ink-2:#56607A; --ink-3:#5b6474; --ground:#f6faf7; --panel:#fff; --panel-2:#f8fbf9; --line:#dfe7e2; --line-2:#e8efea; --green:#1F7A5C; --green-bg:#E7F3EE; --red:#B23B3B; --red-bg:#FBEDEC; --amber-bg:#FDF1DC; --ring:0 0 0 3px rgba(56,192,55,.3); --sel:rgba(56,192,55,.1); --shadow:0 1px 2px rgba(22,32,26,.06),0 8px 24px -14px rgba(22,32,26,.2); --hd:"DM Sans","Noto Sans Bengali",sans-serif; --bd:"Noto Sans Bengali","DM Sans",sans-serif; --mono:"JetBrains Mono","Noto Sans Bengali",monospace; } html[data-page~="apply"] *{ box-sizing:border-box; } html[data-page~="apply"], html[data-page~="apply"] body{ margin:0; } html[data-page~="apply"] body{ font-family:var(--bd); font-size:15px; line-height:1.55; color:var(--ink); background:radial-gradient(1100px 450px at 100% -10%,rgba(56,192,55,.12),transparent 60%),var(--ground); } html[data-page~="apply"] button, html[data-page~="apply"] input, html[data-page~="apply"] select, html[data-page~="apply"] textarea{ font:inherit; color:inherit; } html[data-page~="apply"] button{ cursor:pointer; } html[data-page~="apply"] a{ color:var(--navy); } html[data-page~="apply"] :focus-visible{ outline:none; box-shadow:var(--ring); border-radius:6px; } html[data-page~="apply"] .mono{ font-family:var(--mono); letter-spacing:.02em; } html[data-page~="apply"] .sr{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); } html[data-page~="apply"] .top{ position:sticky; top:0; z-index:20; background:rgba(246,250,247,.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); } html[data-page~="apply"] .top-in{ max-width:1080px; margin:0 auto; padding:12px 20px; display:flex; align-items:center; gap:14px; } html[data-page~="apply"] .brand{ display:flex; align-items:center; gap:10px; text-decoration:none; color:inherit; } html[data-page~="apply"] .brand .lt{ width:40px; height:40px; border-radius:10px; background:#fff; border:1px solid var(--line); display:grid; place-items:center; } html[data-page~="apply"] .brand img{ width:34px; } html[data-page~="apply"] .brand b{ display:block; font-family:var(--hd); font-weight:800; font-size:16px; } html[data-page~="apply"] .brand span{ font-size:12px; color:var(--ink-2); } html[data-page~="apply"] .tabs{ margin-left:auto; display:flex; gap:4px; background:#fff; border:1px solid var(--line); border-radius:22px; padding:4px; } html[data-page~="apply"] .tabs button{ border:0; background:none; padding:7px 14px; border-radius:18px; font-weight:600; font-size:14px; color:var(--ink-2); } html[data-page~="apply"] .tabs button[aria-pressed="true"]{ background:var(--navy); color:#fff; } html[data-page~="apply"] .wrap{ max-width:1080px; margin:0 auto; padding:24px 20px 60px; } html[data-page~="apply"] .hero{ display:grid; grid-template-columns:1.25fr 1fr; gap:22px; align-items:stretch; margin-bottom:22px; } html[data-page~="apply"] .hero-l{ background:linear-gradient(160deg,var(--navy),var(--navy-deep)); color:#fff; border-radius:18px; padding:28px; position:relative; overflow:hidden; } html[data-page~="apply"] .hero-l::before{ content:""; position:absolute; inset:0; background:radial-gradient(380px 180px at 100% 0%,rgba(56,192,55,.3),transparent 60%); } html[data-page~="apply"] .hero-l > *{ position:relative; } html[data-page~="apply"] .hero-l small{ color:var(--saffron); font-weight:700; font-size:12.5px; } html[data-page~="apply"] .hero-l h1{ font-family:var(--hd); font-weight:800; font-size:28px; margin:6px 0 8px; line-height:1.25; } html[data-page~="apply"] .hero-l p{ color:#cfe6d5; margin:0 0 14px; } html[data-page~="apply"] .hero-l ul{ margin:0; padding:0; list-style:none; display:grid; gap:6px; font-size:14px; } html[data-page~="apply"] .hero-l li::before{ content:"✓ "; color:var(--saffron); font-weight:700; } html[data-page~="apply"] .hero-r{ background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px; } html[data-page~="apply"] .hero-r h2{ font-family:var(--hd); font-size:16px; color:var(--navy); margin:0 0 10px; } html[data-page~="apply"] .need{ list-style:none; margin:0; padding:0; display:grid; gap:8px; font-size:14px; } html[data-page~="apply"] .need li{ display:flex; gap:10px; align-items:flex-start; } html[data-page~="apply"] .need i{ font-style:normal; width:24px; height:24px; border-radius:7px; background:var(--amber-bg); display:grid; place-items:center; flex:none; font-size:13px; } html[data-page~="apply"] .flow{ display:flex; gap:6px; margin-top:14px; font-size:12.5px; } html[data-page~="apply"] .flow span{ flex:1; padding:8px; border-radius:9px; background:var(--panel-2); border:1px solid var(--line-2); text-align:center; font-weight:600; color:var(--ink-2); } html[data-page~="apply"] .card{ background:#fff; border:1px solid var(--line); border-radius:16px; box-shadow:var(--shadow); } html[data-page~="apply"] .steps{ display:flex; gap:6px; padding:16px 22px 0; list-style:none; margin:0; } html[data-page~="apply"] .steps li{ flex:1; font-size:12.5px; color:var(--ink-3); padding-top:9px; border-top:3px solid var(--line); font-weight:600; } html[data-page~="apply"] .steps li.on{ color:var(--navy); border-top-color:var(--saffron-deep); } html[data-page~="apply"] .steps li.ok{ color:var(--green); border-top-color:var(--green); } html[data-page~="apply"] .steps li.ok::before{ content:"✓ "; } html[data-page~="apply"] .body{ padding:22px 26px 10px; } html[data-page~="apply"] .sec-h small{ font-family:var(--mono); font-size:12px; color:var(--saffron-deep); font-weight:700; } html[data-page~="apply"] .sec-h h2{ font-family:var(--hd); font-weight:800; font-size:22px; color:var(--navy); margin:2px 0 4px; } html[data-page~="apply"] .sec-h p{ margin:0 0 18px; color:var(--ink-2); font-size:14px; } html[data-page~="apply"] .grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px 16px; } html[data-page~="apply"] .grid.g3{ grid-template-columns:repeat(3,minmax(0,1fr)); } html[data-page~="apply"] .full{ grid-column:1/-1; } html[data-page~="apply"] .fld{ display:flex; flex-direction:column; gap:5px; min-width:0; } html[data-page~="apply"] .fld > label, html[data-page~="apply"] .lb{ font-size:13.5px; font-weight:600; color:var(--navy); } html[data-page~="apply"] .req{ color:var(--red); } html[data-page~="apply"] .fld input, html[data-page~="apply"] .fld select, html[data-page~="apply"] .fld textarea{ height:44px; border:1.5px solid var(--line); border-radius:10px; background:var(--panel-2); padding:0 12px; font-size:15px; width:100%; } html[data-page~="apply"] .fld textarea{ height:auto; padding:10px 12px; resize:vertical; } html[data-page~="apply"] .fld input:focus, html[data-page~="apply"] .fld select:focus, html[data-page~="apply"] .fld textarea:focus{ outline:none; border-color:var(--saffron-deep); box-shadow:var(--ring); background:#fff; } html[data-page~="apply"] .fld .hint{ font-size:12px; color:var(--ink-3); } html[data-page~="apply"] .fld .err{ font-size:12.5px; color:var(--red); font-weight:600; } html[data-page~="apply"] .fld.bad input, html[data-page~="apply"] .fld.bad select, html[data-page~="apply"] .fld.bad textarea{ border-color:var(--red); } html[data-page~="apply"] .fld.bad .chips{ box-shadow:0 0 0 1.5px var(--red); border-radius:10px; } html[data-page~="apply"] .chips{ display:flex; flex-wrap:wrap; gap:8px; } html[data-page~="apply"] .chip{ border:1.5px solid var(--line); background:var(--panel-2); border-radius:10px; padding:8px 12px; font-size:14px; font-weight:500; } html[data-page~="apply"] .chip[aria-checked="true"]{ border-color:var(--saffron-deep); background:var(--sel); box-shadow:0 0 0 3px rgba(56,192,55,.14); font-weight:600; } html[data-page~="apply"] .otp{ display:flex; gap:8px; } html[data-page~="apply"] .otp input{ flex:1; } html[data-page~="apply"] .btn{ display:inline-flex; align-items:center; justify-content:center; gap:7px; height:44px; padding:0 18px; border-radius:10px; font-weight:600; font-size:14.5px; border:1px solid transparent; white-space:nowrap; } html[data-page~="apply"] .btn.primary{ background:var(--navy); color:#fff; } html[data-page~="apply"] .btn.primary:hover{ background:var(--navy-2); } html[data-page~="apply"] .btn.ghost{ background:#fff; border-color:var(--line); color:var(--ink); } html[data-page~="apply"] .btn.sm{ height:36px; padding:0 12px; font-size:13px; } html[data-page~="apply"] .btn.ok{ background:var(--green-bg); color:var(--green); border-color:#BFDCCF; } html[data-page~="apply"] .btn:disabled{ opacity:.55; cursor:not-allowed; } html[data-page~="apply"] .verified{ display:inline-flex; align-items:center; gap:6px; font-size:13px; color:var(--green); font-weight:700; } html[data-page~="apply"] .demo{ font-size:12.5px; background:#FFF8E8; border:1px dashed #D9B86A; border-radius:8px; padding:7px 10px; color:#6B4308; margin-top:6px; } html[data-page~="apply"] .ups{ display:grid; grid-template-columns:repeat(auto-fill,minmax(220px,1fr)); gap:14px; } html[data-page~="apply"] .up{ border:1.5px dashed var(--line); border-radius:12px; background:var(--panel-2); padding:14px; display:flex; flex-direction:column; gap:8px; min-height:170px; } html[data-page~="apply"] .up.bad{ border-color:var(--red); } html[data-page~="apply"] .up.has{ border-style:solid; border-color:var(--green); background:#F3FAF6; } html[data-page~="apply"] .up b{ font-size:14px; color:var(--navy); } html[data-page~="apply"] .up small{ font-size:12px; color:var(--ink-3); } html[data-page~="apply"] .up .pv{ height:110px; border-radius:8px; overflow:hidden; background:#fff; border:1px solid var(--line-2); display:grid; place-items:center; } html[data-page~="apply"] .up .pv img{ width:100%; height:100%; object-fit:cover; } html[data-page~="apply"] .up .acts{ display:flex; gap:6px; margin-top:auto; } html[data-page~="apply"] .up .acts .btn{ flex:1; } html[data-page~="apply"] .up .err{ font-size:12px; color:var(--red); font-weight:600; } html[data-page~="apply"] .nav{ display:flex; gap:10px; align-items:center; padding:16px 26px; border-top:1px solid var(--line); background:rgba(255,255,255,.96); border-radius:0 0 16px 16px; position:sticky; bottom:0; } html[data-page~="apply"] .nav .sp{ flex:1; font-size:12.5px; color:var(--ink-3); } html[data-page~="apply"] .errsum{ background:var(--red-bg); border:1px solid #EDC6C6; color:var(--red); border-radius:10px; padding:10px 14px; margin-bottom:16px; font-size:13.5px; } html[data-page~="apply"] .errsum ul{ margin:4px 0 0 18px; padding:0; } html[data-page~="apply"] .errsum a{ color:var(--red); cursor:pointer; text-decoration:underline; } html[data-page~="apply"] .review{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } html[data-page~="apply"] .rv{ border:1px solid var(--line); border-radius:12px; overflow:hidden; } html[data-page~="apply"] .rv h3{ margin:0; font-size:13.5px; color:var(--navy); background:var(--panel-2); padding:8px 12px; display:flex; justify-content:space-between; } html[data-page~="apply"] .rv h3 button{ border:0; background:none; color:var(--navy); font-weight:600; text-decoration:underline; font-size:12.5px; } html[data-page~="apply"] .rv dl{ margin:0; display:grid; grid-template-columns:40% 60%; font-size:13px; } html[data-page~="apply"] .rv dt, html[data-page~="apply"] .rv dd{ margin:0; padding:6px 12px; border-top:1px dashed var(--line-2); } html[data-page~="apply"] .rv dt{ color:var(--ink-2); } html[data-page~="apply"] .rv dd{ font-weight:600; overflow-wrap:anywhere; } html[data-page~="apply"] .decl{ display:flex; gap:10px; align-items:flex-start; background:var(--panel-2); border:1px solid var(--line); border-radius:12px; padding:12px 14px; font-size:14px; margin-top:16px; } html[data-page~="apply"] .decl input{ width:18px; height:18px; margin-top:3px; accent-color:var(--navy); } html[data-page~="apply"] .done{ text-align:center; padding:34px 26px; } html[data-page~="apply"] .done .ic{ width:72px; height:72px; border-radius:50%; background:var(--green-bg); color:var(--green); display:grid; place-items:center; margin:0 auto 12px; font-size:34px; } html[data-page~="apply"] .done h2{ font-family:var(--hd); font-weight:800; color:var(--navy); margin:0 0 6px; } html[data-page~="apply"] .appid{ display:inline-block; font-family:var(--mono); font-size:22px; font-weight:700; color:var(--navy); background:var(--amber-bg); border:1px dashed #D9B86A; border-radius:10px; padding:8px 18px; margin:10px 0; letter-spacing:.04em; } html[data-page~="apply"] .tl{ list-style:none; padding:0; margin:18px auto 0; max-width:620px; display:flex; gap:6px; } html[data-page~="apply"] .tl li{ flex:1; font-size:12.5px; padding-top:9px; border-top:3px solid var(--line); color:var(--ink-3); font-weight:600; text-align:left; } html[data-page~="apply"] .tl li.ok{ border-top-color:var(--green); color:var(--green); } html[data-page~="apply"] .tl li.cur{ border-top-color:var(--saffron-deep); color:var(--navy); } html[data-page~="apply"] .tl li.bad{ border-top-color:var(--red); color:var(--red); } html[data-page~="apply"] .status-card{ max-width:640px; margin:0 auto; } html[data-page~="apply"] .st-badge{ display:inline-block; font-size:13px; font-weight:700; padding:4px 10px; border-radius:8px; } html[data-page~="apply"] .st-badge.warn{ background:var(--amber-bg); color:#7f520b; } html[data-page~="apply"] .st-badge.ok{ background:var(--green-bg); color:var(--green); } html[data-page~="apply"] .st-badge.bad{ background:var(--red-bg); color:var(--red); } html[data-page~="apply"] .st-badge.info{ background:#EAF0F7; color:#2F5C8F; } html[data-page~="apply"] .st-badge.muted{ background:#EEE; color:#555; } html[data-page~="apply"] .note{ background:#EAF0F7; color:#1F3F66; border-radius:10px; padding:10px 12px; font-size:13.5px; margin-top:12px; } html[data-page~="apply"] .note.warn{ background:var(--amber-bg); color:#6B4308; } html[data-page~="apply"] .note.bad{ background:var(--red-bg); color:var(--red); } html[data-page~="apply"] .sup{ display:flex; justify-content:flex-end; align-items:center; gap:10px; flex-wrap:wrap; margin-top:18px; font-size:13px; color:var(--ink-2); } html[data-page~="apply"] .sup a{ display:inline-flex; gap:6px; padding:6px 12px; border-radius:20px; background:#fff; border:1px solid var(--line); color:var(--navy); font-weight:700; text-decoration:none; } html[data-page~="apply"] .sup a::before{ content:"☎"; color:var(--saffron-deep); } html[data-page~="apply"] .toast{ position:fixed; left:50%; bottom:22px; transform:translateX(-50%); background:var(--navy-deep); color:#fff; padding:11px 16px; border-radius:10px; font-size:14px; z-index:300; max-width:calc(100vw - 30px); } html[data-page~="apply"] .spin{ width:14px; height:14px; border:2px solid rgba(255,255,255,.4); border-top-color:#fff; border-radius:50%; display:inline-block; animation:sp--apply .8s linear infinite; } @keyframes sp--apply{ to{ transform:rotate(360deg); } } html[data-page~="apply"] .pwm{ height:6px; border-radius:3px; background:var(--line-2); overflow:hidden; margin-top:4px; } html[data-page~="apply"] .pwm i{ display:block; height:100%; } @media (max-width:820px){html[data-page~="apply"] .hero{ grid-template-columns:1fr; }html[data-page~="apply"] .grid, html[data-page~="apply"] .grid.g3, html[data-page~="apply"] .review{ grid-template-columns:1fr; }html[data-page~="apply"] .steps li span{ display:none; }html[data-page~="apply"] .body{ padding:18px 16px 8px; }html[data-page~="apply"] .nav{ padding:12px 16px; }html[data-page~="apply"] .tabs button{ padding:7px 10px; font-size:13px; }html[data-page~="apply"] .brand span{ display:none; }} /* ===== apply ===== */ html[data-page~="apply"] small, html[data-page~="apply"] .hint{ letter-spacing:0; } /* ===== app ===== */ html[data-page~="app"]{ --navy:#173f22; --navy-2:#1f5a2c; --navy-deep:#0d2a15; --saffron:#38c037; --saffron-deep:#1d7f27; --ink:#1B2434; --ink-2:#56607A; --ink-3:#5b6474; --paper:#f6faf7; --canvas:#f3f8f4; --panel:#FFFFFF; --panel-2:#f8fbf9; --line:#dfe7e2; --line-2:#e8efea; --green:#1F7A5C; --green-bg:#E7F3EE; --red:#B23B3B; --red-bg:#FBEDEC; --amber:#7f520b; --amber-bg:#FDF1DC; --blue:#2F5C8F; --blue-bg:#EAF0F7; --violet:#6A4FA0; --violet-bg:#F0EBF8; --sel:rgba(56,192,55,.12); --ring:0 0 0 3px rgba(56,192,55,.35); --shadow:0 1px 2px rgba(22,32,26,.05); --hd:"DM Sans","Noto Sans Bengali","Noto Sans Bengali",system-ui,sans-serif; --bd:"Noto Sans Bengali","DM Sans","Noto Sans Bengali",system-ui,sans-serif; --mono:"JetBrains Mono","Noto Sans Bengali",ui-monospace,monospace; --side:244px; --top:64px; color-scheme:light; } html[data-page~="app"] *, html[data-page~="app"] *::before, html[data-page~="app"] *::after{ box-sizing:border-box; } html[data-page~="app"], html[data-page~="app"] body{ margin:0; } html[data-page~="app"] body{ font-family:var(--bd); font-size:14px; line-height:1.5; color:var(--ink); background:var(--canvas); -webkit-font-smoothing:antialiased; } html[data-page~="app"] body.locked{ overflow:hidden; } html[data-page~="app"] h1, html[data-page~="app"] h2, html[data-page~="app"] h3, html[data-page~="app"] h4, html[data-page~="app"] p, html[data-page~="app"] ul, html[data-page~="app"] dl, html[data-page~="app"] dd{ margin:0; } html[data-page~="app"] ul{ padding:0; list-style:none; } html[data-page~="app"] button, html[data-page~="app"] input, html[data-page~="app"] select, html[data-page~="app"] textarea{ font:inherit; color:inherit; } html[data-page~="app"] button{ cursor:pointer; background:none; border:0; padding:0; } html[data-page~="app"] a{ color:var(--navy); } html[data-page~="app"] :focus-visible{ outline:none; box-shadow:var(--ring); border-radius:6px; } html[data-page~="app"] .ic{ width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; } html[data-page~="app"] .mono{ font-family:var(--mono); font-size:.93em; letter-spacing:.01em; } html[data-page~="app"] .sr{ position:absolute!important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } @media (prefers-reduced-motion:reduce){html[data-page~="app"] *{ transition:none!important; animation:none!important; }} html[data-page~="app"] .app{ display:grid; grid-template-columns:var(--side) minmax(0,1fr); min-height:100vh; } html[data-page~="app"] .side{ position:sticky; top:0; height:100vh; background:var(--navy); color:#e2f1e6; display:flex; flex-direction:column; z-index:40; } html[data-page~="app"] .brand{ display:flex; align-items:center; gap:10px; padding:16px 18px 14px; border-bottom:1px solid rgba(255,255,255,.08); } html[data-page~="app"] .brand .lt{ width:36px; height:36px; border-radius:9px; background:#fff; display:grid; place-items:center; flex:none; } html[data-page~="app"] .brand .lt img{ width:30px; } html[data-page~="app"] .brand b{ display:block; font-family:var(--hd); font-weight:800; font-size:15.5px; color:#fff; letter-spacing:.2px; } html[data-page~="app"] .brand span{ font-size:11.5px; color:#a9c7b1; } html[data-page~="app"] .nav{ padding:12px 10px; display:flex; flex-direction:column; gap:2px; flex:1; overflow:auto; } html[data-page~="app"] .nav .sec{ font-size:11.5px; color:#b9d6c1; padding:14px 10px 6px; } html[data-page~="app"] .nav a{ display:flex; align-items:center; gap:11px; padding:9px 10px; border-radius:8px; color:#e2f1e6; text-decoration:none; font-size:14px; font-weight:500; position:relative; } html[data-page~="app"] .nav a:hover{ background:rgba(255,255,255,.06); color:#fff; } html[data-page~="app"] .nav a[aria-current="page"]{ background:rgba(255,255,255,.1); color:#fff; font-weight:600; } html[data-page~="app"] .nav a[aria-current="page"]::before{ content:""; position:absolute; left:-10px; top:8px; bottom:8px; width:3px; border-radius:0 3px 3px 0; background:var(--saffron); } html[data-page~="app"] .nav a .cnt{ margin-left:auto; font-family:var(--mono); font-size:12px; background:var(--saffron); color:#0b2e10; border-radius:10px; padding:1px 7px; font-weight:700; } html[data-page~="app"] .side-foot{ padding:12px 14px; border-top:1px solid rgba(255,255,255,.08); font-size:12px; color:#a9c7b1; display:flex; flex-direction:column; gap:8px; } html[data-page~="app"] .side-foot button{ color:#cfe6d5; text-decoration:underline; text-underline-offset:3px; text-align:left; font-size:12px; } html[data-page~="app"] .side-foot a{ color:#cfe6d5; font-size:12px; } html[data-page~="app"] .main{ min-width:0; display:flex; flex-direction:column; } html[data-page~="app"] .top{ position:sticky; top:0; z-index:30; height:var(--top); display:flex; align-items:center; gap:14px; padding:0 24px; background:rgba(246,250,247,.94); backdrop-filter:blur(8px); border-bottom:1px solid var(--line); } html[data-page~="app"] .top h1{ font-family:var(--hd); font-size:18px; font-weight:800; color:var(--navy); white-space:nowrap; } html[data-page~="app"] .top .crumb{ font-size:12.5px; color:var(--ink-2); display:flex; align-items:center; gap:6px; white-space:nowrap; } html[data-page~="app"] .top .crumb a{ color:var(--ink-2); text-decoration:none; } html[data-page~="app"] .top .crumb a:hover{ color:var(--navy); text-decoration:underline; } html[data-page~="app"] .tb-mid{ flex:1; display:flex; justify-content:center; min-width:0; } html[data-page~="app"] .gsearch{ position:relative; width:min(460px,100%); } html[data-page~="app"] .gsearch input{ width:100%; height:38px; border:1px solid var(--line); border-radius:9px; background:#fff; padding:0 12px 0 36px; font-size:13.5px; } html[data-page~="app"] .gsearch input:focus{ outline:none; border-color:var(--saffron-deep); box-shadow:var(--ring); } html[data-page~="app"] .gsearch > .ic{ position:absolute; left:11px; top:10px; color:var(--ink-3); } html[data-page~="app"] .gsearch kbd{ position:absolute; right:9px; top:9px; font-family:var(--mono); font-size:12px; color:var(--ink-3); border:1px solid var(--line); border-radius:5px; padding:0 5px; background:var(--panel-2); } html[data-page~="app"] .gs-res{ position:absolute; left:0; right:0; top:44px; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 40px -16px rgba(22,32,26,.3); max-height:420px; overflow:auto; padding:6px; } html[data-page~="app"] .gs-res h4{ font-size:11.5px; color:var(--ink-3); font-weight:600; padding:8px 8px 4px; } html[data-page~="app"] .gs-res button{ width:100%; display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 10px; text-align:left; padding:8px; border-radius:7px; } html[data-page~="app"] .gs-res button:hover, html[data-page~="app"] .gs-res button.hl{ background:var(--sel); } html[data-page~="app"] .gs-res button b{ font-weight:600; } html[data-page~="app"] .gs-res button small{ grid-column:1/-1; color:var(--ink-2); font-size:12px; } html[data-page~="app"] .gs-res .none{ padding:14px 10px; color:var(--ink-2); font-size:13px; } html[data-page~="app"] .tb-right{ display:flex; align-items:center; gap:8px; } html[data-page~="app"] .range{ display:flex; align-items:center; gap:6px; } html[data-page~="app"] .range[hidden]{ display:none; } html[data-page~="app"] .range select{ height:36px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 30px 0 10px; font-size:13px; appearance:none; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356607A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 8px center; background-size:14px; } html[data-page~="app"] .range input[type=date]{ height:36px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 8px; font-size:12.5px; font-family:var(--mono); } html[data-page~="app"] .ibtn{ width:36px; height:36px; border-radius:8px; display:grid; place-items:center; color:var(--ink-2); position:relative; } html[data-page~="app"] .ibtn:hover{ background:rgba(22,32,26,.06); color:var(--navy); } html[data-page~="app"] .ibtn .dot{ position:absolute; top:5px; right:4px; min-width:16px; height:16px; border-radius:8px; background:var(--red); color:#fff; font-size:11.5px; font-weight:700; display:grid; place-items:center; padding:0 4px; font-family:var(--mono); box-shadow:0 0 0 2px var(--paper); } html[data-page~="app"] .me{ display:flex; align-items:center; gap:9px; padding:4px 10px 4px 4px; border-radius:22px; border:1px solid var(--line); background:#fff; } html[data-page~="app"] .me .av{ width:30px; height:30px; border-radius:50%; background:var(--navy); color:#fff; display:grid; place-items:center; font-weight:700; font-size:13px; } html[data-page~="app"] .me b{ display:block; font-size:12.5px; line-height:1.2; } html[data-page~="app"] .me small{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .pop{ position:absolute; right:24px; top:58px; width:360px; background:#fff; border:1px solid var(--line); border-radius:12px; box-shadow:0 18px 40px -16px rgba(22,32,26,.3); z-index:50; } html[data-page~="app"] .pop h3{ font-size:14px; padding:14px 16px 8px; font-family:var(--hd); color:var(--navy); } html[data-page~="app"] .pop ul li button{ width:100%; display:grid; grid-template-columns:32px minmax(0,1fr); gap:10px; text-align:left; padding:10px 16px; border-top:1px solid var(--line-2); } html[data-page~="app"] .pop ul li button:hover{ background:var(--panel-2); } html[data-page~="app"] .pop .ni{ width:32px; height:32px; border-radius:8px; display:grid; place-items:center; } html[data-page~="app"] .pop .ni.warn{ background:var(--amber-bg); color:var(--amber); } html[data-page~="app"] .pop .ni.bad{ background:var(--red-bg); color:var(--red); } html[data-page~="app"] .pop .ni.info{ background:var(--blue-bg); color:var(--blue); } html[data-page~="app"] .pop b{ font-size:13px; font-weight:600; display:block; } html[data-page~="app"] .pop small{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .menu-btn{ display:none; } html[data-page~="app"] .page{ padding:22px 24px 48px; display:flex; flex-direction:column; gap:18px; max-width:1560px; width:100%; } html[data-page~="app"] .ph{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap; } html[data-page~="app"] .ph h2{ font-family:var(--hd); font-size:22px; font-weight:800; color:var(--navy); } html[data-page~="app"] .ph p{ color:var(--ink-2); font-size:13.5px; margin-top:2px; } html[data-page~="app"] .ph .acts{ display:flex; gap:8px; flex-wrap:wrap; } html[data-page~="app"] .btn{ display:inline-flex; align-items:center; gap:7px; height:36px; padding:0 14px; border-radius:8px; font-size:13.5px; font-weight:600; border:1px solid transparent; white-space:nowrap; } html[data-page~="app"] .btn .ic{ width:16px; height:16px; } html[data-page~="app"] .btn.primary{ background:var(--navy); color:#fff; } html[data-page~="app"] .btn.primary:hover{ background:var(--navy-2); } html[data-page~="app"] .btn.accent{ background:var(--saffron); color:#0b2e10; } html[data-page~="app"] .btn.accent:hover{ background:#F5B654; } html[data-page~="app"] .btn.ghost{ border-color:var(--line); background:#fff; color:var(--ink); } html[data-page~="app"] .btn.ghost:hover{ border-color:#CFC7B5; background:var(--panel-2); } html[data-page~="app"] .btn.danger{ background:var(--red); color:#fff; } html[data-page~="app"] .btn.sm{ height:30px; padding:0 10px; font-size:12.5px; } html[data-page~="app"] .btn:disabled{ opacity:.5; cursor:not-allowed; } html[data-page~="app"] .lnk{ color:var(--navy); font-weight:600; text-decoration:underline; text-underline-offset:3px; font-size:13px; } html[data-page~="app"] .fld{ display:flex; flex-direction:column; gap:5px; min-width:0; } html[data-page~="app"] .fld > label, html[data-page~="app"] .fld > .lb{ font-size:12.5px; font-weight:600; color:var(--ink-2); } html[data-page~="app"] .fld input, html[data-page~="app"] .fld select, html[data-page~="app"] .fld textarea{ height:38px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 10px; font-size:13.5px; min-width:0; width:100%; } html[data-page~="app"] .fld textarea{ height:auto; padding:8px 10px; resize:vertical; } html[data-page~="app"] .fld select{ appearance:none; padding-right:28px; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2356607A' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:right 8px center; background-size:14px; } html[data-page~="app"] .fld select:disabled{ background-color:var(--panel-2); color:var(--ink-3); } html[data-page~="app"] .fld input:focus, html[data-page~="app"] .fld select:focus, html[data-page~="app"] .fld textarea:focus{ outline:none; border-color:var(--saffron-deep); box-shadow:var(--ring); } html[data-page~="app"] .fld input[readonly]{ background:var(--panel-2); color:var(--ink-2); } html[data-page~="app"] .fld .hint{ font-size:11.5px; color:var(--ink-3); } html[data-page~="app"] .fld .err{ font-size:12px; color:var(--red); } html[data-page~="app"] .fld.bad input, html[data-page~="app"] .fld.bad select, html[data-page~="app"] .fld.bad textarea{ border-color:var(--red); } html[data-page~="app"] .seg{ display:inline-flex; background:#fff; border:1px solid var(--line); border-radius:9px; padding:3px; gap:2px; } html[data-page~="app"] .seg button{ padding:5px 12px; border-radius:6px; font-size:13px; color:var(--ink-2); font-weight:500; } html[data-page~="app"] .seg button[aria-pressed="true"]{ background:var(--navy); color:#fff; font-weight:600; } html[data-page~="app"] .card{ background:var(--panel); border:1px solid var(--line); border-radius:12px; box-shadow:var(--shadow); min-width:0; } html[data-page~="app"] .card > header{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:14px 16px 0; flex-wrap:wrap; } html[data-page~="app"] .card > header h3{ font-family:var(--hd); font-size:14.5px; font-weight:700; color:var(--navy); } html[data-page~="app"] .card > header .sub{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .card .cb{ padding:14px 16px 16px; } html[data-page~="app"] .kpis{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:12px; } html[data-page~="app"] .kpis.k5{ grid-template-columns:repeat(5,minmax(0,1fr)); } html[data-page~="app"] .kpis.k7{ grid-template-columns:repeat(7,minmax(0,1fr)); gap:10px; } html[data-page~="app"] .kpis.k7 .kv{ font-size:20px; } html[data-page~="app"] .kpis.k4{ grid-template-columns:repeat(4,minmax(0,1fr)); } html[data-page~="app"] .kpi{ background:var(--panel); border:1px solid var(--line); border-radius:12px; padding:13px 14px 12px; display:flex; flex-direction:column; gap:3px; position:relative; min-width:0; text-align:left; } html[data-page~="app"] button.kpi:hover{ border-color:#CFC7B5; } html[data-page~="app"] .kpi .kl{ font-size:12.5px; color:var(--ink-2); display:flex; align-items:center; gap:7px; } html[data-page~="app"] .kpi .kl .ic{ width:15px; height:15px; color:var(--ink-3); } html[data-page~="app"] .kpi .kv{ font-family:var(--hd); font-size:24px; font-weight:800; color:var(--ink); line-height:1.2; font-variant-numeric:tabular-nums; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="app"] .kpi .ks{ font-size:12px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="app"] .kpi .ks b{ font-weight:600; } html[data-page~="app"] .kpi.hero{ background:var(--navy); border-color:var(--navy); color:#fff; } html[data-page~="app"] .kpi.hero .kl, html[data-page~="app"] .kpi.hero .ks{ color:#B9C6D8; } html[data-page~="app"] .kpi.hero .kl .ic{ color:var(--saffron); } html[data-page~="app"] .kpi.hero .kv{ color:#fff; } html[data-page~="app"] .kpi .tone{ position:absolute; left:0; top:12px; bottom:12px; width:3px; border-radius:0 3px 3px 0; } html[data-page~="app"] .up{ color:var(--green); } html[data-page~="app"] .down{ color:var(--red); } html[data-page~="app"] .grid2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px; } html[data-page~="app"] .grid3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; } html[data-page~="app"] .g-7-5{ display:grid; grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:16px; } html[data-page~="app"] .g-8-4{ display:grid; grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:16px; } html[data-page~="app"] .chart{ width:100%; min-height:120px; } html[data-page~="app"] .chart svg{ display:block; overflow:visible; } html[data-page~="app"] .chart .gl{ stroke:var(--line-2); stroke-width:1; } html[data-page~="app"] .chart .ax{ font-size:12px; fill:var(--ink-3); font-family:var(--bd); } html[data-page~="app"] .chart .hov{ stroke:var(--ink-3); stroke-dasharray:3 3; } html[data-page~="app"] .chart .col{ transition:opacity .15s; cursor:default; } html[data-page~="app"] .chart .col:hover{ opacity:.8; } html[data-page~="app"] .donut{ display:flex; align-items:center; gap:18px; flex-wrap:wrap; } html[data-page~="app"] .donut .seg{ transition:opacity .15s; } html[data-page~="app"] .donut .seg:hover{ opacity:.82; } html[data-page~="app"] .d-v{ font-family:var(--hd); font-size:19px; font-weight:800; fill:var(--ink); } html[data-page~="app"] .d-l{ font-size:12px; fill:var(--ink-2); } html[data-page~="app"] .legend{ display:flex; flex-direction:column; gap:7px; flex:1; min-width:170px; } html[data-page~="app"] .legend li{ display:grid; grid-template-columns:10px minmax(0,1fr) auto 48px; gap:8px; align-items:center; font-size:13px; padding:2px 4px; border-radius:6px; } html[data-page~="app"] .legend li[role=button]{ cursor:pointer; } html[data-page~="app"] .legend li[role=button]:hover{ background:var(--panel-2); } html[data-page~="app"] .legend i{ width:10px; height:10px; border-radius:3px; } html[data-page~="app"] .legend b{ font-weight:600; font-variant-numeric:tabular-nums; } html[data-page~="app"] .legend small{ color:var(--ink-3); text-align:right; font-size:12px; } html[data-page~="app"] .bars{ display:flex; flex-direction:column; gap:8px; } html[data-page~="app"] .bars li{ display:grid; grid-template-columns:minmax(72px,112px) minmax(0,1fr) auto; gap:10px; align-items:center; font-size:13px; padding:2px 4px; border-radius:6px; } html[data-page~="app"] .bars li.clk{ cursor:pointer; } html[data-page~="app"] .bars li.clk:hover{ background:var(--panel-2); } html[data-page~="app"] .bars .bl{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="app"] .bars .bt{ height:10px; background:var(--line-2); border-radius:5px; position:relative; overflow:hidden; } html[data-page~="app"] .bars .bt i{ position:absolute; left:0; top:0; bottom:0; background:var(--navy); border-radius:5px; } html[data-page~="app"] .bars .bt i.b2{ background:var(--saffron); opacity:.9; } html[data-page~="app"] .bars .bv{ text-align:right; font-weight:600; font-variant-numeric:tabular-nums; } html[data-page~="app"] .bars .bs{ grid-column:2/-1; color:var(--ink-3); font-size:11.5px; margin-top:-4px; } html[data-page~="app"] .empty-s{ color:var(--ink-3); font-size:13px; padding:10px 0; } html[data-page~="app"] .leg-inline{ display:flex; gap:14px; font-size:12px; color:var(--ink-2); } html[data-page~="app"] .leg-inline i{ display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:5px; vertical-align:-1px; } html[data-page~="app"] .tip{ position:fixed; z-index:90; background:var(--navy-deep); color:#fff; font-size:12px; padding:7px 10px; border-radius:7px; pointer-events:none; box-shadow:0 8px 20px -8px rgba(0,0,0,.5); max-width:260px; } html[data-page~="app"] .tip b{ display:block; font-weight:600; margin-bottom:2px; } html[data-page~="app"] .tip i{ display:inline-block; width:8px; height:8px; border-radius:2px; margin-right:6px; } html[data-page~="app"] .bdg{ display:inline-flex; align-items:center; gap:5px; font-size:12px; font-weight:600; padding:2px 8px; border-radius:6px; white-space:nowrap; line-height:1.5; } html[data-page~="app"] .bdg::before{ content:""; width:6px; height:6px; border-radius:50%; background:currentColor; } html[data-page~="app"] .bdg.ok{ background:var(--green-bg); color:var(--green); } html[data-page~="app"] .bdg.warn{ background:var(--amber-bg); color:var(--amber); } html[data-page~="app"] .bdg.bad{ background:var(--red-bg); color:var(--red); } html[data-page~="app"] .bdg.muted{ background:#EEEEF0; color:#5B6070; } html[data-page~="app"] .bdg.info{ background:var(--blue-bg); color:var(--blue); } html[data-page~="app"] .bdg.navy{ background:#E6EBF2; color:var(--navy); } html[data-page~="app"] .bdg.refund{ background:var(--violet-bg); color:var(--violet); } html[data-page~="app"] .lens{ background:var(--navy); color:#fff; border-radius:12px; padding:14px 16px; display:flex; flex-direction:column; gap:12px; } html[data-page~="app"] .lens-h{ display:flex; align-items:center; justify-content:space-between; gap:10px; flex-wrap:wrap; } html[data-page~="app"] .lens-h b{ font-family:var(--hd); font-size:14px; display:flex; align-items:center; gap:8px; } html[data-page~="app"] .lens-h .ic{ color:var(--saffron); } html[data-page~="app"] .lens-path{ font-size:12.5px; color:#B9C6D8; } html[data-page~="app"] .lens-path em{ font-style:normal; color:#fff; font-weight:600; } html[data-page~="app"] .lens-sel{ display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:8px; } html[data-page~="app"] .lens .fld > label{ color:#B9C6D8; font-weight:500; } html[data-page~="app"] .lens .fld select{ background-color:rgba(255,255,255,.08); border-color:rgba(255,255,255,.16); color:#fff; background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F0A93B' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); } html[data-page~="app"] .lens .fld select option{ color:var(--ink); background:#fff; } html[data-page~="app"] .lens .fld select:disabled{ opacity:.45; background-color:rgba(255,255,255,.04); color:#B9C6D8; } html[data-page~="app"] .lens .fld select.set{ border-color:var(--saffron); background-color:rgba(56,192,55,.14); } html[data-page~="app"] .lens .btn.ghost{ background:transparent; color:#fff; border-color:rgba(255,255,255,.25); } html[data-page~="app"] .lens .btn.ghost:hover{ background:rgba(255,255,255,.08); } html[data-page~="app"] .stats{ display:grid; grid-template-columns:repeat(9,minmax(0,1fr)); gap:0; background:rgba(255,255,255,.06); border-radius:10px; overflow:hidden; } html[data-page~="app"] .stats div{ padding:10px 12px; border-left:1px solid rgba(255,255,255,.08); min-width:0; } html[data-page~="app"] .stats div:first-child{ border-left:0; } html[data-page~="app"] .stats b{ display:block; font-family:var(--hd); font-weight:800; font-size:19px; font-variant-numeric:tabular-nums; } html[data-page~="app"] .stats span{ font-size:11.5px; color:#B9C6D8; white-space:nowrap; } html[data-page~="app"] .stats .hl b{ color:var(--saffron); } html[data-page~="app"] .filters{ display:grid; grid-template-columns:repeat(auto-fill,minmax(150px,1fr)); gap:10px; align-items:end; } html[data-page~="app"] .filters > .fsearch{ grid-column:span 2; } html[data-page~="app"] .filters.fc5{ grid-template-columns:minmax(220px,2fr) repeat(5,minmax(0,1fr)); } html[data-page~="app"] .filters.fc3{ grid-template-columns:minmax(220px,2fr) repeat(3,minmax(0,1fr)); } html[data-page~="app"] .filters.fc2{ grid-template-columns:minmax(220px,2fr) repeat(2,minmax(0,1fr)); } html[data-page~="app"] .fsearch{ position:relative; } html[data-page~="app"] .fsearch .ic{ position:absolute; left:10px; bottom:10px; color:var(--ink-3); } html[data-page~="app"] .fsearch input{ padding-left:34px!important; } html[data-page~="app"] .chips{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; } html[data-page~="app"] .chip{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; background:var(--sel); border:1px solid rgba(217,143,31,.35); color:#6B4308; padding:3px 6px 3px 10px; border-radius:16px; } html[data-page~="app"] .chip button{ width:18px; height:18px; border-radius:50%; display:grid; place-items:center; } html[data-page~="app"] .chip button:hover{ background:rgba(217,143,31,.25); } html[data-page~="app"] .chip .ic{ width:12px; height:12px; } html[data-page~="app"] .chips .lnk{ font-size:12.5px; margin-left:4px; } html[data-page~="app"] .tbl-bar{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 16px; border-bottom:1px solid var(--line); flex-wrap:wrap; } html[data-page~="app"] .tbl-bar .cnt{ font-size:13px; color:var(--ink-2); } html[data-page~="app"] .tbl-bar .cnt b{ color:var(--ink); } html[data-page~="app"] .tbl-wrap{ overflow:auto; max-height:640px; } html[data-page~="app"] table.dt{ width:100%; border-collapse:separate; border-spacing:0; font-size:13px; } html[data-page~="app"] .dt th{ position:sticky; top:0; z-index:2; background:var(--panel-2); text-align:left; font-weight:600; color:var(--ink-2); font-size:12px; padding:9px 12px; border-bottom:1px solid var(--line); white-space:nowrap; } html[data-page~="app"] .dt th.sortable{ cursor:pointer; user-select:none; } html[data-page~="app"] .dt th.sortable:hover{ color:var(--navy); } html[data-page~="app"] .dt th .sd{ display:inline-block; width:10px; margin-left:3px; color:var(--saffron-deep); } html[data-page~="app"] .dt td{ padding:9px 12px; border-bottom:1px solid var(--line-2); white-space:nowrap; vertical-align:middle; } html[data-page~="app"] .dt tbody tr:hover td{ background:#FDFBF6; } html[data-page~="app"] .dt tbody tr.clk{ cursor:pointer; } html[data-page~="app"] .dt .stick-l{ position:sticky; left:0; z-index:1; background:#fff; box-shadow:1px 0 0 var(--line-2); } html[data-page~="app"] .dt th.stick-l{ z-index:3; background:var(--panel-2); } html[data-page~="app"] .dt .stick-r{ position:sticky; right:0; z-index:1; background:#fff; box-shadow:-1px 0 0 var(--line-2); } html[data-page~="app"] .dt th.stick-r{ z-index:3; background:var(--panel-2); } html[data-page~="app"] .dt tbody tr:hover .stick-l, html[data-page~="app"] .dt tbody tr:hover .stick-r{ background:#FDFBF6; } html[data-page~="app"] .dt .num{ text-align:right; font-variant-numeric:tabular-nums; } html[data-page~="app"] .dt .sub{ display:block; font-size:11.5px; color:var(--ink-3); } html[data-page~="app"] .dt .vin{ font-family:"AVID Mark",var(--mono); font-weight:400; font-size:14.5px; color:var(--navy); letter-spacing:.02em; } html[data-page~="app"] .dt .vin.none{ color:var(--ink-3); font-weight:400; } html[data-page~="app"] .dt .neg{ color:var(--violet); } html[data-page~="app"] .tbl-foot{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:10px 16px; border-top:1px solid var(--line); flex-wrap:wrap; font-size:13px; color:var(--ink-2); } html[data-page~="app"] .pager{ display:flex; align-items:center; gap:4px; } html[data-page~="app"] .pager button{ min-width:32px; height:30px; border-radius:7px; border:1px solid var(--line); background:#fff; font-size:12.5px; padding:0 8px; } html[data-page~="app"] .pager button[aria-current="page"]{ background:var(--navy); color:#fff; border-color:var(--navy); } html[data-page~="app"] .pager button:disabled{ opacity:.4; cursor:not-allowed; } html[data-page~="app"] .pager select{ height:30px; border:1px solid var(--line); border-radius:7px; background:#fff; padding:0 6px; font-size:12.5px; } html[data-page~="app"] .empty{ text-align:center; padding:48px 16px; color:var(--ink-2); } html[data-page~="app"] .empty b{ display:block; font-size:15px; color:var(--ink); margin-bottom:4px; } html[data-page~="app"] .act-btn{ width:30px; height:30px; border-radius:7px; display:grid; place-items:center; color:var(--ink-2); border:1px solid transparent; } html[data-page~="app"] .act-btn:hover, html[data-page~="app"] .act-btn[aria-expanded="true"]{ border-color:var(--line); background:#fff; color:var(--navy); } html[data-page~="app"] .amenu{ position:fixed; z-index:60; min-width:210px; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 40px -16px rgba(22,32,26,.35); padding:5px; } html[data-page~="app"] .amenu button{ width:100%; display:flex; align-items:center; gap:9px; padding:8px 10px; border-radius:7px; font-size:13px; text-align:left; } html[data-page~="app"] .amenu button:hover, html[data-page~="app"] .amenu button:focus-visible{ background:var(--panel-2); box-shadow:none; } html[data-page~="app"] .amenu button.danger{ color:var(--red); } html[data-page~="app"] .amenu hr{ border:0; border-top:1px solid var(--line-2); margin:4px 2px; } html[data-page~="app"] .colmenu{ position:absolute; right:0; top:40px; z-index:20; background:#fff; border:1px solid var(--line); border-radius:10px; box-shadow:0 18px 40px -16px rgba(22,32,26,.35); padding:8px; width:230px; max-height:360px; overflow:auto; } html[data-page~="app"] .colmenu label{ display:flex; align-items:center; gap:8px; padding:5px 6px; font-size:13px; border-radius:6px; cursor:pointer; } html[data-page~="app"] .colmenu label:hover{ background:var(--panel-2); } html[data-page~="app"] .rel{ position:relative; } html[data-page~="app"] .rows{ display:flex; flex-direction:column; } html[data-page~="app"] .rows > li{ display:grid; grid-template-columns:minmax(0,1fr) auto; gap:2px 12px; padding:10px 0; border-top:1px solid var(--line-2); } html[data-page~="app"] .rows > li:first-child{ border-top:0; } html[data-page~="app"] .rows > li.clk{ cursor:pointer; } html[data-page~="app"] .rows > li.clk:hover{ background:var(--panel-2); margin:0 -8px; padding:10px 8px; border-radius:8px; } html[data-page~="app"] .rows .t{ font-weight:600; font-size:13.5px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="app"] .rows .m{ font-size:12px; color:var(--ink-2); white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="app"] .rows .r{ text-align:right; font-size:13px; } html[data-page~="app"] .coll{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; } html[data-page~="app"] .coll > div{ border:1px solid var(--line-2); border-radius:10px; padding:10px 12px; background:var(--panel-2); } html[data-page~="app"] .coll span{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .coll b{ display:block; font-family:var(--hd); font-weight:800; font-size:18px; } html[data-page~="app"] .coll small{ font-size:11.5px; color:var(--ink-3); } html[data-page~="app"] .geo-t .dt td, html[data-page~="app"] .geo-t .dt th{ padding:7px 10px; } html[data-page~="app"] .geo-t .dt tr.clk:hover td{ background:var(--sel); } html[data-page~="app"] .vhead{ display:grid; grid-template-columns:auto minmax(0,1fr) auto; gap:20px; align-items:center; padding:18px 20px; } html[data-page~="app"] .vhead .vimg{ width:150px; height:100px; border-radius:12px; background:linear-gradient(160deg,#FFF9EF,#FCF1DB); border:1px solid #bfe6c3; display:grid; place-items:center; } html[data-page~="app"] .vhead .vimg img{ width:136px; } html[data-page~="app"] .vhead h2{ font-family:var(--hd); font-size:21px; font-weight:800; color:var(--navy); display:flex; align-items:center; gap:10px; flex-wrap:wrap; } html[data-page~="app"] .vhead .meta{ display:flex; gap:16px; flex-wrap:wrap; font-size:13px; color:var(--ink-2); margin-top:6px; } html[data-page~="app"] .vhead .meta b{ color:var(--ink); font-weight:600; } html[data-page~="app"] .vhead .bdgs{ display:flex; gap:6px; flex-wrap:wrap; margin-top:10px; } html[data-page~="app"] .vinbox{ display:flex; align-items:center; gap:12px; background:var(--navy); color:#fff; border-radius:12px; padding:10px 14px 10px 10px; } html[data-page~="app"] .vinbox .q{ width:72px; height:72px; background:#fff; border-radius:8px; padding:4px; display:grid; place-items:center; } html[data-page~="app"] .vinbox canvas{ width:64px; height:64px; image-rendering:pixelated; } html[data-page~="app"] .vinbox small{ display:block; font-size:12px; color:var(--saffron); font-weight:700; letter-spacing:.08em; } html[data-page~="app"] .vinbox b{ font-family:"AVID Mark",var(--mono); font-weight:400; font-size:24px; letter-spacing:.03em; white-space:nowrap; } html[data-page~="app"] .vinbox .pend{ color:#a9c7b1; font-size:13px; font-family:var(--bd); letter-spacing:0; } html[data-page~="app"] .vacts{ display:flex; gap:8px; flex-wrap:wrap; padding:0 20px 16px; } html[data-page~="app"] .tabs{ display:flex; gap:4px; border-bottom:1px solid var(--line); padding:0 16px; overflow:auto; } html[data-page~="app"] .tabs button{ padding:11px 12px; font-size:13.5px; font-weight:600; color:var(--ink-2); border-bottom:2px solid transparent; margin-bottom:-1px; white-space:nowrap; } html[data-page~="app"] .tabs button[aria-selected="true"]{ color:var(--navy); border-bottom-color:var(--saffron-deep); } html[data-page~="app"] .tabs button .n{ font-family:var(--mono); font-size:12px; background:var(--line-2); border-radius:8px; padding:0 6px; margin-left:4px; } html[data-page~="app"] .secs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:16px; } html[data-page~="app"] .sect{ border:1px solid var(--line); border-radius:10px; overflow:hidden; } html[data-page~="app"] .sect h4{ font-size:13px; font-weight:700; color:var(--navy); padding:10px 14px; background:var(--panel-2); border-bottom:1px solid var(--line-2); display:flex; justify-content:space-between; } html[data-page~="app"] .sect dl{ display:grid; grid-template-columns:minmax(120px,40%) minmax(0,1fr); } html[data-page~="app"] .sect dt, html[data-page~="app"] .sect dd{ padding:7px 14px; border-top:1px dashed var(--line-2); font-size:13px; } html[data-page~="app"] .sect dt{ color:var(--ink-2); } html[data-page~="app"] .sect dd{ font-weight:500; overflow-wrap:anywhere; } html[data-page~="app"] .sect dl > dt:first-of-type, html[data-page~="app"] .sect dl > dt:first-of-type + dd{ border-top:0; } html[data-page~="app"] .timeline{ padding:18px 20px; display:flex; flex-direction:column; } html[data-page~="app"] .tl{ display:grid; grid-template-columns:22px minmax(0,1fr); gap:12px; position:relative; padding-bottom:18px; } html[data-page~="app"] .tl::before{ content:""; position:absolute; left:10px; top:22px; bottom:0; width:2px; background:var(--line); } html[data-page~="app"] .tl:last-child::before{ display:none; } html[data-page~="app"] .tl .d{ width:22px; height:22px; border-radius:50%; border:2px solid var(--line); background:#fff; display:grid; place-items:center; } html[data-page~="app"] .tl.cur .d{ border-color:var(--green); background:var(--green); color:#fff; } html[data-page~="app"] .tl.pend .d{ border-color:var(--saffron-deep); background:var(--amber-bg); } html[data-page~="app"] .tl .d .ic{ width:12px; height:12px; stroke-width:2.4; } html[data-page~="app"] .tl .b{ border:1px solid var(--line); border-radius:10px; padding:10px 14px; background:#fff; } html[data-page~="app"] .tl .b h5{ font-size:14px; font-weight:700; display:flex; gap:8px; align-items:center; flex-wrap:wrap; margin:0; } html[data-page~="app"] .tl .b p{ font-size:12.5px; color:var(--ink-2); margin-top:3px; } html[data-page~="app"] .tl .kv{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:6px 14px; margin-top:8px; font-size:12.5px; } html[data-page~="app"] .tl .kv > div > span:first-child{ color:var(--ink-3); display:block; font-size:11.5px; } html[data-page~="app"] #modal{ position:fixed; inset:0; z-index:80; display:grid; place-items:center; padding:20px; } html[data-page~="app"] #modal[hidden]{ display:none; } html[data-page~="app"] .m-back{ position:absolute; inset:0; background:rgba(9,38,20,.45); } html[data-page~="app"] .m-box{ position:relative; width:min(640px,100%); max-height:calc(100vh - 40px); display:flex; flex-direction:column; background:#fff; border-radius:14px; box-shadow:0 30px 60px -20px rgba(9,38,20,.5); } html[data-page~="app"] .m-box.lg{ width:min(900px,100%); } html[data-page~="app"] .m-box.xl{ width:min(1100px,100%); } html[data-page~="app"] .m-box.sm{ width:min(440px,100%); } html[data-page~="app"] .m-head{ display:flex; align-items:center; justify-content:space-between; gap:10px; padding:16px 20px; border-bottom:1px solid var(--line); } html[data-page~="app"] .m-head h2{ font-family:var(--hd); font-size:17px; font-weight:800; color:var(--navy); } html[data-page~="app"] .m-body{ padding:18px 20px; overflow:auto; } html[data-page~="app"] .m-foot{ display:flex; justify-content:flex-end; gap:8px; padding:12px 20px; border-top:1px solid var(--line); background:var(--panel-2); border-radius:0 0 14px 14px; flex-wrap:wrap; } html[data-page~="app"] .m-foot .l{ margin-right:auto; font-size:12.5px; color:var(--ink-2); align-self:center; } html[data-page~="app"] .fgrid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px 14px; } html[data-page~="app"] .fgrid.g3{ grid-template-columns:repeat(3,minmax(0,1fr)); } html[data-page~="app"] .fgrid .full{ grid-column:1/-1; } html[data-page~="app"] .fsec{ font-family:var(--hd); font-size:13.5px; font-weight:700; color:var(--navy); margin:18px 0 10px; padding-top:14px; border-top:1px solid var(--line-2); } html[data-page~="app"] .fsec:first-child{ margin-top:0; padding-top:0; border-top:0; } html[data-page~="app"] .note{ background:var(--blue-bg); color:#1F3F66; border-radius:9px; padding:10px 12px; font-size:13px; display:flex; gap:9px; } html[data-page~="app"] .note.warn{ background:var(--amber-bg); color:#6B4308; } html[data-page~="app"] .note .ic{ margin-top:1px; } html[data-page~="app"] .steps{ display:flex; gap:6px; margin-bottom:16px; list-style:none; padding:0; } html[data-page~="app"] .steps li{ flex:1; font-size:12px; color:var(--ink-3); padding-top:8px; border-top:3px solid var(--line); } html[data-page~="app"] .steps li.on{ color:var(--navy); border-top-color:var(--saffron-deep); font-weight:600; } html[data-page~="app"] .steps li.done{ color:var(--green); border-top-color:var(--green); } html[data-page~="app"] .diff{ width:100%; border-collapse:collapse; font-size:13px; } html[data-page~="app"] .diff th, html[data-page~="app"] .diff td{ text-align:left; padding:7px 10px; border-bottom:1px solid var(--line-2); } html[data-page~="app"] .diff th{ font-size:12px; color:var(--ink-2); background:var(--panel-2); } html[data-page~="app"] .diff .old{ color:var(--red); text-decoration:line-through; } html[data-page~="app"] .diff .new{ color:var(--green); font-weight:600; } html[data-page~="app"] .sumlist{ display:grid; grid-template-columns:minmax(140px,40%) minmax(0,1fr); border:1px solid var(--line); border-radius:10px; overflow:hidden; } html[data-page~="app"] .sumlist dt, html[data-page~="app"] .sumlist dd{ padding:8px 12px; border-top:1px solid var(--line-2); font-size:13px; } html[data-page~="app"] .sumlist dt{ color:var(--ink-2); background:var(--panel-2); } html[data-page~="app"] .sumlist dt:first-child, html[data-page~="app"] .sumlist dt:first-child + dd{ border-top:0; } html[data-page~="app"] .confirm p + p{ margin-top:8px; } html[data-page~="app"] .checks{ display:flex; flex-direction:column; gap:8px; } html[data-page~="app"] .checks label{ display:flex; gap:9px; align-items:flex-start; font-size:13.5px; } html[data-page~="app"] .checks input{ margin-top:4px; accent-color:var(--navy); width:16px; height:16px; } html[data-page~="app"] .radio-cards{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } html[data-page~="app"] .radio-cards label{ border:1px solid var(--line); border-radius:10px; padding:10px 12px; display:flex; gap:10px; cursor:pointer; font-size:13px; } html[data-page~="app"] .radio-cards label:has(input:checked){ border-color:var(--saffron-deep); background:var(--sel); } html[data-page~="app"] .radio-cards input{ accent-color:var(--navy); margin-top:3px; } html[data-page~="app"] .radio-cards b{ display:block; font-size:13.5px; } html[data-page~="app"] .radio-cards small{ color:var(--ink-2); } html[data-page~="app"] .period{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; } html[data-page~="app"] .period .fld{ flex-direction:row; align-items:center; gap:6px; } html[data-page~="app"] .period .fld input{ width:auto; } html[data-page~="app"] .period .rng{ font-size:13px; color:var(--ink-2); } html[data-page~="app"] .period .rng b{ color:var(--ink); font-weight:600; } html[data-page~="app"] .fin-sum{ display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); border:1px solid var(--line); border-radius:12px; background:#fff; overflow:hidden; } html[data-page~="app"] .fin-sum div{ padding:12px 14px; border-left:1px solid var(--line-2); } html[data-page~="app"] .fin-sum div:first-child{ border-left:0; } html[data-page~="app"] .fin-sum span{ font-size:12px; color:var(--ink-2); display:block; } html[data-page~="app"] .fin-sum b{ font-family:var(--hd); font-size:18px; font-weight:800; font-variant-numeric:tabular-nums; } html[data-page~="app"] .fin-sum .net{ background:var(--navy); color:#fff; } html[data-page~="app"] .fin-sum .net span{ color:#B9C6D8; } html[data-page~="app"] .rep-pick{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:12px; } html[data-page~="app"] .rep-pick label{ border:1px solid var(--line); border-radius:12px; padding:14px; background:#fff; cursor:pointer; display:flex; flex-direction:column; gap:4px; } html[data-page~="app"] .rep-pick label:has(input:checked){ border-color:var(--saffron-deep); background:var(--sel); box-shadow:0 0 0 1px var(--saffron-deep) inset; } html[data-page~="app"] .rep-pick input{ position:absolute; opacity:0; } html[data-page~="app"] .rep-pick b{ font-size:14px; color:var(--navy); font-family:var(--hd); } html[data-page~="app"] .rep-pick small{ color:var(--ink-2); font-size:12.5px; } html[data-page~="app"] .rep-doc{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:28px 32px; } html[data-page~="app"] .rep-doc .rh{ display:flex; justify-content:space-between; gap:20px; border-bottom:2px solid var(--navy); padding-bottom:12px; margin-bottom:14px; } html[data-page~="app"] .rep-doc .rh h3{ font-family:var(--hd); font-size:19px; font-weight:800; color:var(--navy); } html[data-page~="app"] .rep-doc .rh p{ font-size:12.5px; color:var(--ink-2); } html[data-page~="app"] .rep-doc .rmeta{ font-size:12.5px; color:var(--ink-2); text-align:right; } html[data-page~="app"] .rep-doc .rf{ display:flex; flex-wrap:wrap; gap:6px; margin-bottom:14px; } html[data-page~="app"] .rep-doc .rf span{ font-size:12px; border:1px solid var(--line); border-radius:6px; padding:2px 8px; background:var(--panel-2); } html[data-page~="app"] .rep-doc h4{ font-size:13.5px; color:var(--navy); margin:16px 0 8px; font-family:var(--hd); } html[data-page~="app"] .rep-doc table{ width:100%; border-collapse:collapse; font-size:12.5px; } html[data-page~="app"] .rep-doc th, html[data-page~="app"] .rep-doc td{ border-bottom:1px solid var(--line-2); padding:6px 8px; text-align:left; } html[data-page~="app"] .rep-doc th{ background:var(--panel-2); font-weight:600; color:var(--ink-2); } html[data-page~="app"] .rep-doc td.num, html[data-page~="app"] .rep-doc th.num{ text-align:right; } html[data-page~="app"] .rep-doc .rk{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:8px; } html[data-page~="app"] .rep-doc .rk div{ border:1px solid var(--line); border-radius:8px; padding:8px 10px; } html[data-page~="app"] .rep-doc .rk span{ font-size:11.5px; color:var(--ink-2); display:block; } html[data-page~="app"] .rep-doc .rk b{ font-size:16px; font-family:var(--hd); } html[data-page~="app"] .rep-doc .more{ font-size:12px; color:var(--ink-3); margin-top:6px; } html[data-page~="app"] .toast{ position:fixed; bottom:22px; left:50%; transform:translateX(-50%); z-index:95; background:var(--navy-deep); color:#fff; padding:11px 16px; border-radius:10px; font-size:13.5px; box-shadow:0 12px 30px -10px rgba(0,0,0,.5); max-width:calc(100vw - 32px); } html[data-page~="app"] .toast.ok{ border-left:4px solid #3FB68B; } html[data-page~="app"] .toast.bad{ border-left:4px solid #E26A6A; } html[data-page~="app"] #printArea{ display:none; } html[data-page~="app"] .vinf{ font-family:"AVID Mark",var(--mono)!important; font-weight:400!important; letter-spacing:.02em; } html[data-page~="app"] .dt .vin.none{ font-family:var(--bd); } html[data-page~="app"] .laser-prev{ background:linear-gradient(160deg,#C9CED3,#8E959C); border-radius:10px; padding:16px; margin-bottom:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 -2px 6px rgba(0,0,0,.18); } html[data-page~="app"] .laser-prev svg{ width:100%; height:auto; display:block; } html[data-page~="app"] .laser-prev svg g[fill]{ fill:#2B2F35; } html[data-page~="app"] .laser-prev svg g[stroke]{ stroke:#2B2F35; } html[data-page~="app"] .rel-strip{ display:grid; grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr); gap:10px; align-items:stretch; padding:0 20px 16px; } html[data-page~="app"] .rel-node{ display:flex; gap:10px; align-items:flex-start; padding:10px 12px; border:1px solid var(--line); border-radius:12px; background:var(--panel-2); text-decoration:none; color:inherit; min-width:0; } html[data-page~="app"] a.rel-node:hover{ border-color:var(--saffron-deep); } html[data-page~="app"] .rel-node.cur{ background:#fff; border-color:var(--navy); box-shadow:0 0 0 1px var(--navy) inset; } html[data-page~="app"] .rel-ic{ width:34px; height:34px; border-radius:9px; background:#E6EBF2; color:var(--navy); display:grid; place-items:center; flex:none; } html[data-page~="app"] .rel-node > span:last-child{ min-width:0; display:flex; flex-direction:column; } html[data-page~="app"] .rel-node small{ font-size:11.5px; color:var(--ink-3); } html[data-page~="app"] .rel-node b{ font-size:14px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; } html[data-page~="app"] .rel-node em{ font-style:normal; font-size:12px; color:var(--ink-2); } html[data-page~="app"] .rel-node em strong{ color:var(--navy); } html[data-page~="app"] .rel-arrow{ align-self:center; font-size:20px; color:var(--saffron-deep); font-weight:700; } html[data-page~="app"] .own-n{ display:inline-block; min-width:28px; padding:1px 8px; border-radius:12px; background:var(--panel-2); border:1px solid var(--line); font-weight:700; text-align:center; text-decoration:none; color:var(--ink); font-size:12.5px; } html[data-page~="app"] .own-n.mid{ background:#EAF0F7; border-color:#C9D6E6; color:var(--blue); } html[data-page~="app"] .own-n.big{ background:var(--navy); border-color:var(--navy); color:#fff; } html[data-page~="app"] .vchips{ display:flex; gap:5px; flex-wrap:wrap; min-width:250px; max-width:360px; white-space:normal; } html[data-page~="app"] .vchip{ white-space:nowrap; display:inline-block; padding:1px 7px; border:1px solid var(--line); border-radius:6px; background:#fff; text-decoration:none; color:var(--navy); font-size:13px; } html[data-page~="app"] .vchip:hover{ border-color:var(--saffron-deep); } html[data-page~="app"] .vmore{ font-size:12px; color:var(--ink-3); align-self:center; } html[data-page~="app"] .own-total{ text-align:center; background:var(--navy); color:#fff; border-radius:12px; padding:12px 22px; } html[data-page~="app"] .own-total small{ display:block; font-size:11.5px; color:#B9C6D8; } html[data-page~="app"] .own-total b{ display:block; font-family:var(--hd); font-size:38px; line-height:1.1; } html[data-page~="app"] .own-total span{ font-size:12px; color:var(--saffron); } html[data-page~="app"] .vlook{ margin:4px 4px 8px; border:1.5px solid var(--navy); border-radius:10px; overflow:hidden; } html[data-page~="app"] .vlook-h{ display:flex; align-items:center; gap:10px; padding:8px 10px; background:var(--navy); color:#fff; } html[data-page~="app"] .vlook-h span{ font-size:11.5px; color:var(--saffron); font-weight:700; } html[data-page~="app"] .vlook-h b{ font-size:18px; flex:1; } html[data-page~="app"] .vlook-g{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); } html[data-page~="app"] .gs-res .vlook-g button{ display:flex; flex-direction:column; align-items:flex-start; gap:1px; border-radius:0; border-left:1px solid var(--line-2); padding:8px 10px; } html[data-page~="app"] .gs-res .vlook-g button:first-child{ border-left:0; } html[data-page~="app"] .vlook-g small{ grid-column:auto!important; font-size:12px!important; color:var(--ink-3)!important; } html[data-page~="app"] .vlook-g em{ font-style:normal; font-size:11.5px; color:var(--ink-2); } html[data-page~="app"] .vlook-g em strong{ color:var(--navy); } @media (max-width:980px){html[data-page~="app"] .rel-strip{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .rel-arrow{ transform:rotate(90deg); justify-self:center; }html[data-page~="app"] .vlook-g{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .gs-res .vlook-g button{ border-left:0; border-top:1px solid var(--line-2); }} html[data-page~="app"] .pav{ width:32px; height:32px; border-radius:9px; background:#E6EBF2; color:var(--navy); display:inline-grid; place-items:center; font-weight:700; font-size:14px; flex:none; } html[data-page~="app"] .pav.lg{ width:72px; height:72px; border-radius:18px; font-size:30px; background:var(--navy); color:#fff; } html[data-page~="app"] .old-v{ color:var(--red); text-decoration:line-through; } html[data-page~="app"] .new-v{ color:var(--green); font-weight:600; } html[data-page~="app"] .otp-demo{ display:flex; gap:9px; margin-top:12px; padding:10px 12px; border:1px dashed #D9B86A; background:#FFF8E8; border-radius:9px; font-size:13px; color:#6B4308; } html[data-page~="app"] .otp-demo .mono{ font-size:16px; letter-spacing:.2em; color:var(--ink); } html[data-page~="app"] .otp-in{ font-size:22px!important; letter-spacing:.4em; text-align:center; height:48px!important; } html[data-page~="app"] .phone{ border:8px solid var(--navy-deep); border-radius:26px; overflow:hidden; background:#fff; max-width:320px; margin:0 auto; } html[data-page~="app"] .ph-top{ background:var(--navy); color:#fff; padding:10px 14px; font-size:13px; font-weight:600; display:flex; gap:8px; align-items:center; } html[data-page~="app"] .ph-top .ic{ color:var(--saffron); } html[data-page~="app"] .ph-body{ padding:14px; font-size:13.5px; display:flex; flex-direction:column; gap:8px; } html[data-page~="app"] .ph-body b{ font-size:15px; } html[data-page~="app"] .ph-act{ display:flex; gap:8px; padding:12px 14px 16px; } html[data-page~="app"] .ph-act .btn{ flex:1; justify-content:center; } html[data-page~="app"] .fpbar{ display:flex; align-items:center; gap:10px; flex-wrap:wrap; } html[data-page~="app"] .fpbar .fp-l{ display:inline-flex; align-items:center; gap:6px; font-size:12.5px; font-weight:600; color:var(--ink-2); } html[data-page~="app"] .fpbar select, html[data-page~="app"] .fpbar input{ height:36px; border:1px solid var(--line); border-radius:8px; background:#fff; padding:0 10px; font-size:13px; } html[data-page~="app"] .fpbar select{ min-width:190px; font-weight:600; color:var(--navy); } html[data-page~="app"] .fpbar select:focus, html[data-page~="app"] .fpbar input:focus{ outline:none; border-color:var(--saffron-deep); box-shadow:var(--ring); } html[data-page~="app"] .fpbar .fp-r{ font-size:12.5px; color:var(--ink-2); margin-left:auto; } html[data-page~="app"] .fpbar .fp-r b{ color:var(--ink); } html[data-page~="app"] .formula{ display:flex; align-items:stretch; gap:10px; flex-wrap:wrap; } html[data-page~="app"] .formula > div{ flex:1; min-width:150px; background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px 14px; } html[data-page~="app"] .formula > div span{ display:block; font-size:12px; color:var(--ink-2); } html[data-page~="app"] .formula > div b{ font-family:var(--hd); font-size:19px; font-weight:800; font-variant-numeric:tabular-nums; } html[data-page~="app"] .formula > div.pos{ background:var(--green-bg); border-color:#BFDCCF; } html[data-page~="app"] .formula > div.pos b{ color:var(--green); } html[data-page~="app"] .formula > div.neg{ background:var(--red-bg); border-color:#EDC6C6; } html[data-page~="app"] .formula > div.neg b{ color:var(--red); } html[data-page~="app"] .formula > i{ align-self:center; font-style:normal; font-family:var(--hd); font-size:20px; font-weight:800; color:var(--ink-3); } html[data-page~="app"] .pl{ display:flex; flex-direction:column; font-size:13px; } html[data-page~="app"] .pl-row{ display:flex; justify-content:space-between; gap:12px; padding:7px 0; border-top:1px dashed var(--line-2); } html[data-page~="app"] .pl-row:first-child{ border-top:0; } html[data-page~="app"] .pl-row span small{ display:block; font-size:11.5px; color:var(--ink-3); } html[data-page~="app"] .pl-row b{ font-variant-numeric:tabular-nums; white-space:nowrap; } html[data-page~="app"] .pl-row.indent span{ padding-left:12px; color:var(--ink-2); } html[data-page~="app"] .pl-row.muted{ color:var(--violet); } html[data-page~="app"] .pl-row.total, html[data-page~="app"] .pl-row.sub{ border-top:1px solid var(--line); font-weight:700; } html[data-page~="app"] .pl-row.total{ background:var(--panel-2); margin:0 -10px; padding:8px 10px; } html[data-page~="app"] .pl-row.grand{ border-top:2px solid var(--navy); margin-top:4px; padding:10px; border-radius:8px; font-size:14.5px; font-weight:800; } html[data-page~="app"] .pl-row.grand.pos{ background:var(--green-bg); color:var(--green); } html[data-page~="app"] .pl-row.grand.neg{ background:var(--red-bg); color:var(--red); } html[data-page~="app"] .pl-row.grand small{ color:inherit; opacity:.8; font-weight:600; } html[data-page~="app"] .ivbar{ display:flex; flex-direction:column; gap:3px; width:100%; min-width:120px; } html[data-page~="app"] .ivbar i{ display:block; height:6px; border-radius:3px; background:var(--navy); } html[data-page~="app"] .ivbar i.e{ background:var(--saffron-deep); } html[data-page~="app"] .dt tfoot td{ background:var(--panel-2); border-top:1px solid var(--line); padding:9px 12px; position:sticky; bottom:0; } html[data-page~="app"] .rep-doc tfoot td{ background:var(--panel-2); border-top:1px solid var(--line); } html[data-page~="app"] .cchip{ display:inline-flex; align-items:center; gap:6px; font-weight:600; } html[data-page~="app"] .cchip i, html[data-page~="app"] .cdot{ display:inline-block; width:9px; height:9px; border-radius:3px; flex:none; } html[data-page~="app"] .cdot{ margin-right:5px; vertical-align:0; } html[data-page~="app"] .cdot.lg{ width:14px; height:14px; border-radius:4px; } html[data-page~="app"] .doc-ind{ display:inline-flex; align-items:center; gap:3px; color:var(--green); font-weight:600; } html[data-page~="app"] .doc-ind .ic{ width:14px; height:14px; } html[data-page~="app"] .docs{ display:flex; gap:8px; flex-wrap:wrap; align-items:center; } html[data-page~="app"] .docchip{ display:inline-flex; align-items:center; gap:6px; border:1px solid var(--line); border-radius:8px; padding:4px 6px 4px 10px; background:var(--panel-2); font-size:12.5px; } html[data-page~="app"] button.docchip{ cursor:pointer; padding-right:10px; } html[data-page~="app"] button.docchip:hover{ border-color:var(--saffron-deep); } html[data-page~="app"] .docchip small{ color:var(--ink-3); } html[data-page~="app"] .docchip button{ width:20px; height:20px; border-radius:50%; display:grid; place-items:center; } html[data-page~="app"] .docchip .ic{ width:14px; height:14px; } html[data-page~="app"] .catgrid{ display:grid; grid-template-columns:repeat(auto-fill,minmax(300px,1fr)); gap:14px; } html[data-page~="app"] .catcard{ background:#fff; border:1px solid var(--line); border-radius:12px; display:flex; flex-direction:column; } html[data-page~="app"] .catcard.arch{ opacity:.65; } html[data-page~="app"] .catcard header{ display:flex; gap:10px; align-items:center; padding:14px 14px 10px; } html[data-page~="app"] .catcard header div{ flex:1; min-width:0; } html[data-page~="app"] .catcard header b{ display:block; font-size:14.5px; } html[data-page~="app"] .catcard header small{ font-size:11.5px; color:var(--ink-3); } html[data-page~="app"] .catsubs{ display:flex; gap:6px; flex-wrap:wrap; padding:0 14px 12px; flex:1; } html[data-page~="app"] .subchip{ font-size:12px; background:var(--panel-2); border:1px solid var(--line-2); border-radius:12px; padding:2px 9px; } html[data-page~="app"] .subchip.arch{ text-decoration:line-through; color:var(--ink-3); } html[data-page~="app"] .catcard footer{ display:flex; justify-content:space-between; align-items:center; gap:8px; padding:10px 14px; border-top:1px solid var(--line-2); font-size:12.5px; color:var(--ink-2); } html[data-page~="app"] .catcard footer b{ color:var(--ink); } html[data-page~="app"] .sublist{ display:flex; flex-direction:column; border:1px solid var(--line); border-radius:10px; overflow:hidden; } html[data-page~="app"] .subrow{ display:flex; justify-content:space-between; padding:8px 12px; border-top:1px solid var(--line-2); font-size:13px; } html[data-page~="app"] .subrow:first-child{ border-top:0; } html[data-page~="app"] .subrow.arch span{ text-decoration:line-through; color:var(--ink-3); } html[data-page~="app"] .subrow small{ color:var(--ink-3); } html[data-page~="app"] .rep-pick.fr{ grid-template-columns:repeat(5,minmax(0,1fr)); } html[data-page~="app"] .rep-pick.fr label{ padding:11px 12px; } html[data-page~="app"] .rep-pick.fr b{ font-size:13px; } html[data-page~="app"] .rep-pick.fr small{ font-size:11.5px; } html[data-page~="app"] .prog-cell{ display:flex; align-items:center; gap:8px; } html[data-page~="app"] .pbar{ width:90px; height:8px; border-radius:4px; background:var(--line-2); overflow:hidden; display:inline-block; } html[data-page~="app"] .pbar i{ display:block; height:100%; border-radius:4px; } html[data-page~="app"] .ov-pl{ display:flex; justify-content:space-between; gap:8px; flex-wrap:wrap; margin-top:12px; padding:9px 12px; border-radius:9px; background:var(--panel-2); border:1px solid var(--line-2); font-size:12px; color:var(--ink-2); text-decoration:none; } html[data-page~="app"] .ov-pl:hover{ border-color:var(--saffron-deep); } html[data-page~="app"] .ov-pl b{ color:var(--ink); } @media (max-width:1180px){html[data-page~="app"] .rep-pick.fr{ grid-template-columns:repeat(3,minmax(0,1fr)); }} @media (max-width:820px){html[data-page~="app"] .rep-pick.fr{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .fpbar .fp-r{ margin-left:0; width:100%; }html[data-page~="app"] .formula > i{ display:none; }html[data-page~="app"] .formula > div{ min-width:45%; }} html[data-page~="app"] .amenu button.dis{ color:var(--ink-3); cursor:not-allowed; } html[data-page~="app"] .amenu button span{ display:flex; flex-direction:column; } html[data-page~="app"] .amenu button small{ font-size:12px; color:var(--ink-3); } html[data-page~="app"] .btn.lockd{ color:var(--ink-3); background:var(--panel-2); } html[data-page~="app"] .rp-acts{ display:inline-flex; gap:6px; align-items:center; } html[data-page~="app"] .wflow{ list-style:none; padding:0; display:flex; gap:6px; flex-wrap:wrap; } html[data-page~="app"] .wflow li{ flex:1; min-width:120px; font-size:12.5px; font-weight:600; color:var(--ink-2); background:#fff; border:1px solid var(--line); border-radius:9px; padding:8px 12px; position:relative; } html[data-page~="app"] .wflow li.hl{ background:var(--sel); border-color:#bfe6c3; color:var(--navy); } html[data-page~="app"] .pay-ok{ display:flex; gap:12px; align-items:center; background:var(--green-bg); color:var(--green); border-radius:10px; padding:12px 14px; margin-bottom:10px; } html[data-page~="app"] .pay-ok div{ display:flex; flex-direction:column; gap:2px; font-size:13px; color:var(--ink); } html[data-page~="app"] .pay-ok b{ color:var(--green); font-size:15px; } html[data-page~="app"] .vin-show{ display:flex; gap:16px; align-items:center; } html[data-page~="app"] .vin-show canvas{ width:120px; height:120px; image-rendering:pixelated; border:1px solid var(--line); border-radius:8px; } html[data-page~="app"] .vin-show div{ display:flex; flex-direction:column; gap:4px; } html[data-page~="app"] .vin-show small{ color:var(--ink-2); font-size:12px; } html[data-page~="app"] .vin-show b{ font-size:26px; color:var(--navy); } html[data-page~="app"] .vin-show span{ font-size:12.5px; color:var(--ink-2); } html[data-page~="app"] .cert-wrap{ display:flex; justify-content:center; background:#E9E6DD; border-radius:10px; padding:12px; } html[data-page~="app"] .cert-box{ overflow:hidden; box-shadow:0 10px 30px -12px rgba(0,0,0,.35); } @media print{html[data-page~="app"] body.pcert #printArea{ padding:0; }} html[data-page~="app"] .aa-ph{ width:32px; height:32px; border-radius:9px; object-fit:cover; } html[data-page~="app"] .aa-rev{ display:grid; grid-template-columns:minmax(0,1fr) 320px; gap:20px; } html[data-page~="app"] .aa-head{ display:flex; gap:14px; align-items:center; margin-bottom:10px; } html[data-page~="app"] .aa-head img{ width:72px; height:72px; border-radius:16px; object-fit:cover; border:1px solid var(--line); } html[data-page~="app"] .aa-head h3{ margin:0; font-family:var(--hd); font-size:19px; color:var(--navy); } html[data-page~="app"] .aa-head div{ display:flex; flex-direction:column; gap:3px; } html[data-page~="app"] .aa-head span{ font-size:13px; color:var(--ink-2); } html[data-page~="app"] .aa-flags{ display:flex; gap:6px; flex-wrap:wrap; margin:6px 0 4px; } html[data-page~="app"] .aa-docs{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:10px; } html[data-page~="app"] .aa-docs figure{ margin:0; } html[data-page~="app"] .aa-docs figure > *:first-child{ display:grid; place-items:center; width:100%; aspect-ratio:4/3; border-radius:8px; border:1px solid var(--line); background:var(--panel-2); overflow:hidden; font-size:11.5px; color:var(--ink-3); padding:0; cursor:zoom-in; } html[data-page~="app"] .aa-docs img{ width:100%; height:100%; object-fit:cover; } html[data-page~="app"] .aa-docs figcaption{ font-size:12px; color:var(--ink-2); margin-top:4px; text-align:center; } html[data-page~="app"] .aa-r{ background:var(--panel-2); border:1px solid var(--line); border-radius:12px; padding:16px; align-self:start; position:sticky; top:0; display:flex; flex-direction:column; gap:10px; } html[data-page~="app"] .aa-r h4{ margin:0; font-size:14px; color:var(--navy); } html[data-page~="app"] .aa-checks{ display:flex; flex-direction:column; gap:6px; } html[data-page~="app"] .aa-checks label{ display:flex; gap:9px; align-items:flex-start; background:#fff; border:1px solid var(--line); border-radius:9px; padding:8px 10px; font-size:13.5px; cursor:pointer; } html[data-page~="app"] .aa-checks label.auto{ background:var(--green-bg); } html[data-page~="app"] .aa-checks input{ width:17px; height:17px; margin-top:2px; accent-color:var(--navy); } html[data-page~="app"] .aa-checks small{ display:block; font-size:12px; color:var(--ink-3); } html[data-page~="app"] .aa-checks .req{ color:var(--red); } html[data-page~="app"] .aa-new{ display:flex; flex-direction:column; gap:2px; background:#fff; border:1px dashed #D9B86A; border-radius:9px; padding:10px 12px; font-size:12.5px; color:var(--ink-2); } html[data-page~="app"] .aa-new b{ font-size:16px; color:var(--navy); } html[data-page~="app"] .aa-new small{ font-size:11.5px; } html[data-page~="app"] .aa-btns{ display:flex; flex-direction:column; gap:8px; } html[data-page~="app"] .aa-btns .btn{ justify-content:center; } html[data-page~="app"] .aa-dec{ font-size:13px; } html[data-page~="app"] .aa-dec p{ margin:4px 0 0; color:var(--ink-2); } html[data-page~="app"] .aa-del{ color:var(--red); justify-content:center; } @media (max-width:980px){html[data-page~="app"] .aa-rev{ grid-template-columns:1fr; }html[data-page~="app"] .aa-docs{ grid-template-columns:repeat(3,minmax(0,1fr)); }html[data-page~="app"] .aa-r{ position:static; }} @media (max-width:1400px){html[data-page~="app"] .kpis, html[data-page~="app"] .kpis.k7{ grid-template-columns:repeat(4,minmax(0,1fr)); }html[data-page~="app"] .stats{ grid-template-columns:repeat(5,minmax(0,1fr)); }html[data-page~="app"] .stats div:nth-child(6){ border-left:0; }html[data-page~="app"] .stats div:nth-child(n/**/+6){ border-top:1px solid rgba(255,255,255,.08); }html[data-page~="app"] .filters, html[data-page~="app"] .filters.fc5{ grid-template-columns:repeat(4,minmax(0,1fr)); }html[data-page~="app"] .filters .fsearch{ grid-column:1/-1; }html[data-page~="app"] .fin-sum{ grid-template-columns:repeat(4,minmax(0,1fr)); }html[data-page~="app"] .fin-sum div:nth-child(5){ border-left:0; }html[data-page~="app"] .fin-sum div:nth-child(n/**/+5){ border-top:1px solid var(--line-2); }} @media (max-width:1180px){html[data-page~="app"] .lens-sel{ grid-template-columns:repeat(3,minmax(0,1fr)); }html[data-page~="app"] .g-7-5, html[data-page~="app"] .g-8-4{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .grid3{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .kpis.k5{ grid-template-columns:repeat(3,minmax(0,1fr)); }html[data-page~="app"] .rep-pick{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .vhead{ grid-template-columns:auto minmax(0,1fr); }html[data-page~="app"] .vhead .vinbox{ grid-column:1/-1; justify-self:start; }} @media (max-width:1024px){html[data-page~="app"] .app{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .side{ position:fixed; left:0; top:0; bottom:0; width:260px; transform:translateX(-100%); transition:transform .2s; }html[data-page~="app"] .side.open{ transform:none; box-shadow:0 0 0 100vmax rgba(9,38,20,.4); }html[data-page~="app"] .menu-btn{ display:grid; }html[data-page~="app"] .me div{ display:none; }html[data-page~="app"] .me{ padding:4px; }} @media (max-width:820px){html[data-page~="app"] .top{ padding:0 14px; gap:8px; }html[data-page~="app"] .top h1{ display:none; }html[data-page~="app"] .range{ display:none; }html[data-page~="app"] .page{ padding:16px 14px 40px; }html[data-page~="app"] .kpis, html[data-page~="app"] .kpis.k4, html[data-page~="app"] .kpis.k5, html[data-page~="app"] .kpis.k7{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .grid2, html[data-page~="app"] .grid3, html[data-page~="app"] .secs{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .lens-sel{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .stats{ grid-template-columns:repeat(3,minmax(0,1fr)); }html[data-page~="app"] .stats div:nth-child(n){ border-left:1px solid rgba(255,255,255,.08); border-top:1px solid rgba(255,255,255,.08); }html[data-page~="app"] .stats div:nth-child(3n/**/+1){ border-left:0; }html[data-page~="app"] .stats div:nth-child(-n/**/+3){ border-top:0; }html[data-page~="app"] .filters, html[data-page~="app"] .filters.fc5, html[data-page~="app"] .filters.fc3, html[data-page~="app"] .filters.fc2{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .filters .fsearch{ grid-column:1/-1; }html[data-page~="app"] .fin-sum{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .fin-sum div{ border-left:0!important; border-top:1px solid var(--line-2); }html[data-page~="app"] .fin-sum div:nth-child(-n/**/+2){ border-top:0; }html[data-page~="app"] .fin-sum div:nth-child(even){ border-left:1px solid var(--line-2)!important; }html[data-page~="app"] .fgrid, html[data-page~="app"] .fgrid.g3, html[data-page~="app"] .radio-cards{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .coll{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .pop{ right:10px; left:10px; width:auto; }html[data-page~="app"] .vhead{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .vhead .vimg{ display:none; }html[data-page~="app"] .tl .kv{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .rep-doc{ padding:18px; }html[data-page~="app"] .rep-doc .rk{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="app"] .rep-doc .rh{ flex-direction:column; }html[data-page~="app"] .rep-doc .rmeta{ text-align:left; }html[data-page~="app"] .gsearch kbd{ display:none; }} @media print{html[data-page~="app"] body{ background:#fff; }html[data-page~="app"] body > *:not(#printArea){ display:none!important; }html[data-page~="app"] #printArea{ display:block!important; }html[data-page~="app"] #printArea .rep-doc{ border:0; padding:0; }html[data-page~="app"] #printArea table{ page-break-inside:auto; }html[data-page~="app"] #printArea tr{ page-break-inside:avoid; }@page{ size:A4 landscape; margin:12mm; }} html[data-page~="app"] .tr-conds{ display:flex; flex-wrap:wrap; gap:6px; } html[data-page~="app"] .tr-conds span{ font-size:12.5px; padding:4px 10px; border-radius:20px; font-weight:600; } html[data-page~="app"] .tr-conds .ok{ background:var(--green-bg); color:var(--green); } html[data-page~="app"] .tr-conds .no{ background:var(--red-bg); color:var(--red); } html[data-page~="app"] .tr-docs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } html[data-page~="app"] .tr-doc{ border:1.5px dashed var(--line); border-radius:10px; padding:10px 12px; display:flex; flex-direction:column; gap:6px; background:var(--panel-2); } html[data-page~="app"] .tr-doc b{ font-size:13px; color:var(--navy); } html[data-page~="app"] .tr-doc small{ color:var(--ink-3); font-size:12px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } html[data-page~="app"] .tr-doc.has{ border-style:solid; border-color:var(--green); background:var(--green-bg); } html[data-page~="app"] .tr-doc.bad{ border-color:var(--red); background:var(--red-bg); } html[data-page~="app"] .tr-th img{ width:100%; height:84px; object-fit:cover; border-radius:7px; display:block; background:#fff; } html[data-page~="app"] .tr-da{ display:flex; gap:6px; margin-top:auto; } html[data-page~="app"] .tr-agree{ display:flex; gap:9px; align-items:flex-start; margin-top:12px; font-size:13px; padding:10px 12px; border:1px solid var(--line); border-radius:9px; background:var(--panel-2); cursor:pointer; } html[data-page~="app"] .tr-agree input{ margin-top:3px; accent-color:var(--navy); } html[data-page~="app"] .tr-agree.bad{ border-color:var(--red); background:var(--red-bg); } html[data-page~="app"] .tr-extra{ margin-top:14px; display:flex; flex-direction:column; gap:10px; } html[data-page~="app"] .tr-extra h4{ font-family:var(--hd); font-size:13px; color:var(--navy); margin:4px 0 0; } html[data-page~="app"] .tr-doclist{ display:flex; flex-wrap:wrap; gap:6px; } html[data-page~="app"] .acts2{ display:flex; gap:8px; flex-wrap:wrap; } html[data-page~="app"] .wd-panel .cb{ display:flex; align-items:center; justify-content:space-between; gap:16px; flex-wrap:wrap; } html[data-page~="app"] .wd-panel h3{ font-family:var(--hd); font-size:16px; color:var(--navy); } html[data-page~="app"] .wd-panel p{ font-size:13.5px; color:var(--ink-2); margin-top:3px; } html[data-page~="app"] .wd-panel.open{ border-color:var(--saffron); box-shadow:inset 4px 0 0 var(--saffron); } html[data-page~="app"] .wd-why{ color:var(--amber) !important; font-weight:600; } html[data-page~="app"] .tl-mini{ list-style:none; padding:0; margin:0 0 12px; display:flex; gap:6px; } html[data-page~="app"] .tl-mini li{ flex:1; font-size:12px; color:var(--ink-3); padding-top:7px; border-top:3px solid var(--line); } html[data-page~="app"] .tl-mini li.ok{ color:var(--green); border-top-color:var(--green); } html[data-page~="app"] .tl-mini li.on, html[data-page~="app"] .tl-mini li.cur{ color:var(--navy); font-weight:700; border-top-color:var(--saffron-deep); } html[data-page~="app"] .tl-mini li.bad{ color:var(--red); border-top-color:var(--red); font-weight:700; } html[data-page~="app"] body.gated .app{ filter:blur(3px); pointer-events:none; user-select:none; } html[data-page~="app"] .ag-gate{ position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:16px; background:rgba(9,38,20,.72); overflow:auto; } html[data-page~="app"] .ag-card{ width:100%; max-width:400px; background:#fff; border-radius:16px; padding:26px 24px; box-shadow:0 30px 60px -20px rgba(0,0,0,.5); border-top:4px solid var(--saffron); } html[data-page~="app"] .ag-brand{ display:flex; gap:10px; align-items:center; margin-bottom:16px; } html[data-page~="app"] .ag-brand img{ width:38px; height:38px; border-radius:9px; } html[data-page~="app"] .ag-brand img[src=""]{ display:none; } html[data-page~="app"] .ag-brand b{ display:block; font-family:var(--hd); color:var(--navy); font-size:16px; } html[data-page~="app"] .ag-brand span{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .ag-card h1{ font-family:var(--hd); font-size:21px; color:var(--navy); font-weight:800; } html[data-page~="app"] .ag-card > p{ font-size:13px; color:var(--ink-2); margin:2px 0 14px; } html[data-page~="app"] .ag-card .fld input{ width:100%; height:44px; } html[data-page~="app"] .ag-msg{ background:var(--green-bg); color:var(--green); border-radius:8px; padding:8px 10px; font-size:13px; margin-bottom:12px; } html[data-page~="app"] .ag-err{ color:var(--red); font-size:13px; min-height:20px; margin:6px 0; } html[data-page~="app"] .ag-links{ display:flex; justify-content:space-between; gap:8px; margin-top:14px; font-size:13px; } html[data-page~="app"] .ag-demo{ margin-top:12px; font-size:12.5px; background:var(--amber-bg); color:var(--amber); padding:7px 10px; border-radius:8px; text-align:center; } html[data-page~="app"] .ag-sup{ margin-top:8px; font-size:12px; color:var(--ink-3); text-align:center; } html[data-page~="app"] .ag-sup a{ color:var(--ink-2); } html[data-page~="app"] .me .ag-out{ margin-left:6px; } html[data-page~="app"][data-mode=agent] .gsearch, html[data-page~="app"][data-mode=agent] #bell, html[data-page~="app"][data-mode=agent] #resetDemo, html[data-page~="app"][data-mode=agent] .side-foot a[href*="registration"]{ display:none !important; } html[data-page~="app"][data-mode=agent] a[href^="#/party"], html[data-page~="app"][data-mode=agent] a[href^="#/owner"]{ pointer-events:none; color:inherit; text-decoration:none; } @media (max-width:720px){html[data-page~="app"] .tr-docs{ grid-template-columns:1fr; }html[data-page~="app"] .wd-panel .cb .btn{ width:100%; justify-content:center; }html[data-page~="app"] .tl-mini li{ font-size:12px; }} html[data-page~="app"] .wflow a{ color:inherit; text-decoration:none; display:block; } html[data-page~="app"] .wflow a:hover{ color:var(--navy); text-decoration:underline; } html[data-page~="app"] .spin{ display:inline-block; width:14px; height:14px; border:2px solid rgba(255,255,255,.45); border-top-color:#fff; border-radius:50%; animation:spin .8s linear infinite; vertical-align:-2px; margin-right:6px; } @keyframes spin{ to{ transform:rotate(360deg); } } html[data-page~="app"] .tr-conds .warn{ background:var(--amber-bg); color:var(--amber); } html[data-page~="app"] .pp-tag{ display:inline-flex; align-items:center; font-size:11.5px; font-weight:700; padding:2px 8px; border-radius:20px; white-space:nowrap; } html[data-page~="app"] .pp-tag.tr{ background:var(--blue-bg); color:var(--blue); } html[data-page~="app"] .pp-tag.vin{ background:var(--amber-bg); color:var(--amber); } html[data-page~="app"] .pp-tag.free{ background:var(--green-bg); color:var(--green); } html[data-page~="app"] .pp-note{ font-size:12.5px; color:var(--ink-2); margin-top:8px; } html[data-page~="app"] .fee-box{ border:1px solid var(--line); border-radius:12px; padding:12px 14px; background:var(--panel-2); margin-bottom:12px; } html[data-page~="app"] .fee-h{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; margin-bottom:8px; color:var(--navy); } html[data-page~="app"] .fee-h b{ font-family:var(--hd); font-size:14.5px; } html[data-page~="app"] .fee-h .pp-tag{ margin-left:auto; } html[data-page~="app"] .gw{ border:1.5px solid var(--saffron); border-radius:12px; padding:12px 14px; background:#fff; } html[data-page~="app"] .gw-h{ display:flex; align-items:center; gap:8px; flex-wrap:wrap; color:var(--navy); margin-bottom:10px; } html[data-page~="app"] .gw-h > b{ font-family:var(--hd); } html[data-page~="app"] .gw-h span{ margin-left:auto; font-size:13px; color:var(--ink-2); } html[data-page~="app"] .gw-m{ grid-template-columns:repeat(4,minmax(0,1fr)) !important; } html[data-page~="app"] .gw-row{ display:flex; gap:10px; align-items:flex-end; margin-top:12px; flex-wrap:wrap; } html[data-page~="app"] .gw-row .fld{ flex:1; min-width:200px; } html[data-page~="app"] .gw-row .btn{ height:42px; } html[data-page~="app"] .gw-demo{ font-size:12px; color:var(--ink-3); margin-top:8px; } html[data-page~="app"] .gw-done{ display:flex; gap:10px; align-items:flex-start; border-color:var(--green); background:var(--green-bg); color:var(--green); } html[data-page~="app"] .gw-done b{ display:block; font-size:15px; } html[data-page~="app"] .gw-done span{ display:block; font-size:12.5px; color:#1d5a45; } html[data-page~="app"] .seller-box{ border:1px solid #bfe6c3; background:var(--amber-bg); border-radius:12px; padding:12px 14px; } html[data-page~="app"] .seller-box > p{ display:flex; gap:8px; font-size:13px; color:#6b4a0c; margin:0 0 10px; } html[data-page~="app"] .seller-box .sumlist{ background:#fff; border-radius:8px; } html[data-page~="app"] .tr-strip{ list-style:none; padding:0; margin:0 0 12px; display:flex; gap:6px; } html[data-page~="app"] .tr-strip li{ flex:1; font-size:12px; color:var(--ink-3); padding-top:7px; border-top:3px solid var(--line); line-height:1.35; } html[data-page~="app"] .tr-strip li.ok{ color:var(--green); border-top-color:var(--green); } html[data-page~="app"] .tr-strip li.cur{ color:var(--navy); font-weight:700; border-top-color:var(--saffron-deep); } html[data-page~="app"] .tr-strip li.bad{ color:var(--red); font-weight:700; border-top-color:var(--red); } html[data-page~="app"] .tr-strip li.skip{ color:var(--ink-3); border-top-style:dashed; } html[data-page~="app"] .tl.skip .b{ background:var(--panel-2); } html[data-page~="app"] .tl.skip .b h5{ color:var(--ink-2); } html[data-page~="app"] .tl-acts{ display:flex; gap:6px; flex-wrap:wrap; margin-top:8px; } html[data-page~="app"] .ag-acts{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; width:100%; } html[data-page~="app"] .ag-act{ border:1px solid var(--line); border-radius:12px; background:#fff; padding:10px 12px; display:flex; flex-direction:column; gap:7px; align-items:flex-start; } html[data-page~="app"] .ag-act .btn{ width:100%; justify-content:center; } html[data-page~="app"] .ag-act small{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .ag-act-b{ display:flex; gap:6px; width:100%; } html[data-page~="app"] .ag-act-b .btn{ flex:1; } html[data-page~="app"] .sup-grid{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; } html[data-page~="app"] .sup-card{ display:flex; gap:14px; align-items:center; padding:16px 18px; text-decoration:none; color:inherit; } html[data-page~="app"] .sup-card:hover{ border-color:var(--saffron); } html[data-page~="app"] .sup-ic{ width:46px; height:46px; border-radius:12px; background:var(--sel); color:var(--saffron-deep); display:grid; place-items:center; flex:none; } html[data-page~="app"] .sup-card small{ display:block; font-size:12px; color:var(--ink-2); } html[data-page~="app"] .sup-card b{ display:block; font-size:22px; color:var(--navy); letter-spacing:.02em; } html[data-page~="app"] .sup-card span:last-child{ font-size:12px; color:var(--ink-3); } html[data-page~="app"] .sup-list{ margin:0; padding-left:18px; display:flex; flex-direction:column; gap:8px; font-size:13.5px; } html[data-page~="app"] .forgot-link{ margin-top:8px !important; } @media (max-width:720px){html[data-page~="app"] .ag-acts, html[data-page~="app"] .sup-grid{ grid-template-columns:1fr; }html[data-page~="app"] .gw-m{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; }html[data-page~="app"] .tr-strip{ flex-wrap:wrap; }html[data-page~="app"] .tr-strip li{ flex:1 1 40%; }} html[data-page~="app"] .pp-tag.otp{ background:var(--violet-bg); color:var(--violet); } html[data-page~="app"] .ag-acts{ grid-template-columns:repeat(4,minmax(0,1fr)); } @media (max-width:1200px){html[data-page~="app"] .ag-acts{ grid-template-columns:repeat(2,minmax(0,1fr)); }} @media (max-width:720px){html[data-page~="app"] .ag-acts{ grid-template-columns:1fr; }} html[data-page~="app"] .ae-strip{ padding:12px 24px 0; } html[data-page~="app"] .ae-strip .tr-strip{ margin:0; } html[data-page~="app"] .ae-pick{ grid-template-columns:repeat(2,minmax(0,1fr)) !important; } @media (max-width:720px){html[data-page~="app"] .ae-pick{ grid-template-columns:1fr !important; }} html[data-page~="app"]:not([data-mode=agent]) body.gated .top, html[data-page~="app"]:not([data-mode=agent]) body.gated .side{ visibility:hidden; } html[data-page~="app"] .ad-card{ border-top-color:var(--navy); } html[data-page~="app"] .ad-card .btn .ic{ margin-right:6px; } html[data-page~="app"] .me .ad-out{ margin-left:4px; } html[data-page~="app"] .me .ad-out:hover{ color:var(--red); } html[data-page~="app"] #bellDot.new{ background:var(--red); color:#fff; animation:nfpulse 1.4s ease-out infinite; } html[data-page~="app"] #bell.ring .ic{ animation:nfring 1.2s ease-in-out 2; transform-origin:50% 10%; } @keyframes nfpulse{ 0%{ box-shadow:0 0 0 0 rgba(178,59,59,.55); } 100%{ box-shadow:0 0 0 9px rgba(178,59,59,0); } } @keyframes nfring{ 0%,100%{ transform:rotate(0); } 15%{ transform:rotate(14deg); } 30%{ transform:rotate(-12deg); } 45%{ transform:rotate(8deg); } 60%{ transform:rotate(-5deg); } } html[data-page~="app"] .nf-head{ display:flex; align-items:center; justify-content:space-between; gap:8px; padding:12px 16px 4px; } html[data-page~="app"] .nf-head h3{ padding:0 !important; margin:0; font-size:14px; display:flex; align-items:center; gap:6px; } html[data-page~="app"] .nf-n{ background:var(--red); color:#fff; font-size:12px; border-radius:10px; padding:1px 7px; font-family:var(--mono); } html[data-page~="app"] .nf-snd{ font-size:12px; border:1px solid var(--line); border-radius:16px; padding:3px 10px; background:var(--panel-2); cursor:pointer; } html[data-page~="app"] .nf-list{ list-style:none; margin:0; padding:0 0 6px; border-bottom:1px solid var(--line); max-height:300px; overflow:auto; } html[data-page~="app"] .nf-list li.unread{ background:var(--sel); } html[data-page~="app"] .nf-list button{ width:100%; display:flex; gap:10px; align-items:flex-start; padding:9px 16px; text-align:left; background:none; border:0; cursor:pointer; } html[data-page~="app"] .nf-list b{ display:block; font-size:13px; } html[data-page~="app"] .nf-list small{ display:block; font-size:11.5px; color:var(--ink-2); } html[data-page~="app"] .stolen-b{ display:inline-flex; align-items:center; gap:4px; margin-left:6px; padding:1px 8px 1px 6px; border-radius:6px; background:#c62f45; color:#fff; font-size:11.5px; font-weight:700; white-space:nowrap; vertical-align:middle; } html[data-page~="app"] .stolen-b .ic{ width:12px; height:12px; stroke:#fff; } html[data-page~="app"] tr:has(.stolen-b) > td{ background:#fdf1f3 !important; } html[data-page~="app"] tr:has(.stolen-b) > td:first-child{ box-shadow:inset 3px 0 0 #c62f45; } html[data-page~="app"] .stolen-banner{ display:flex; gap:12px; align-items:flex-start; margin:0 0 14px; padding:14px 16px; border-radius:12px; background:#fdecef; border:1.5px solid #c62f45; color:#a3192f; } html[data-page~="app"] .stolen-banner > .ic{ width:26px; height:26px; flex:none; stroke:#c62f45; } html[data-page~="app"] .stolen-banner div{ flex:1; } html[data-page~="app"] .stolen-banner b{ display:block; font-size:15.5px; } html[data-page~="app"] .stolen-banner span{ display:block; font-size:13px; color:#7a1424; } html[data-page~="app"] .stolen-banner small{ display:block; font-size:12px; margin-top:4px; color:#7a1424; } html[data-page~="app"] .nav a .cnt.red{ background:#c62f45; color:#fff; } html[data-page~="app"] .cmp-f{ grid-template-columns:minmax(0,2fr) repeat(4,minmax(0,1fr)) !important; } html[data-page~="app"] .cmp-rev{ display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:18px; } html[data-page~="app"] .cmp-box{ border:1px solid var(--line); border-radius:12px; padding:12px 14px; margin-bottom:12px; background:var(--panel-2); } html[data-page~="app"] .cmp-box h4{ font-family:var(--hd); font-size:13.5px; color:var(--navy); margin:0 0 8px; } html[data-page~="app"] .cmp-call, html[data-page~="app"] .cmp-acts{ display:flex; gap:8px; flex-wrap:wrap; } html[data-page~="app"] .cmp-log{ margin-top:10px; } @media (max-width:900px){html[data-page~="app"] .cmp-rev{ grid-template-columns:1fr; }html[data-page~="app"] .cmp-f{ grid-template-columns:1fr 1fr !important; }} html[data-page~="app"] body.public .app, html[data-page~="app"] body.public #toast{ display:none !important; } html[data-page~="app"] #pub{ min-height:100vh; display:flex; flex-direction:column; background:linear-gradient(180deg,#eef9f1,#fff 340px); font-family:var(--bd); } html[data-page~="app"] .pub-top{ display:flex; align-items:center; justify-content:space-between; gap:12px; padding:12px 20px; max-width:1000px; width:100%; margin:0 auto; } html[data-page~="app"] .pub-brand img{ height:52px; width:auto; display:block; } html[data-page~="app"] .pub-top nav{ display:flex; gap:10px; align-items:center; } html[data-page~="app"] .pub-top nav a{ text-decoration:none; color:#16201a; font-weight:600; font-size:14px; padding:8px 12px; border-radius:8px; } html[data-page~="app"] .pub-top .pub-rep{ background:#c62f45; color:#fff !important; display:inline-flex; gap:6px; align-items:center; } html[data-page~="app"] .pub-rep .ic{ width:16px; height:16px; stroke:#fff; } html[data-page~="app"] .pub-main{ flex:1; max-width:760px; width:100%; margin:0 auto; padding:24px 20px 40px; } html[data-page~="app"] .pub-main h1{ font-size:clamp(26px,5vw,40px); color:#16201a; margin:10px 0 6px; } html[data-page~="app"] .pub-main h1 span{ color:#38c037; } html[data-page~="app"] .pub-lede{ color:#3d4742; margin-bottom:18px; } html[data-page~="app"] .pub-search{ display:flex; gap:8px; background:#fff; border:1px solid #dfe7e2; border-radius:12px; padding:8px; box-shadow:0 8px 24px rgb(22 32 26/.06); } html[data-page~="app"] .pub-search input{ flex:1; border:0; outline:0; font-size:17px; padding:8px 10px; font-family:var(--mono); min-width:0; } html[data-page~="app"] .pub-search button{ display:inline-flex; gap:6px; align-items:center; border:0; border-radius:8px; background:#1d7f27; color:#fff; font-weight:700; padding:0 16px; cursor:pointer; font-family:var(--bd); font-size:15px; } html[data-page~="app"] .pub-search button .ic{ width:18px; height:18px; stroke:#fff; } html[data-page~="app"] #pubRes{ margin-top:18px; display:flex; flex-direction:column; gap:12px; } html[data-page~="app"] .pub-alert{ display:flex; gap:12px; background:#c62f45; color:#fff; border-radius:12px; padding:16px; box-shadow:0 10px 30px -12px rgba(198,47,69,.6); } html[data-page~="app"] .pub-alert > .ic{ width:30px; height:30px; flex:none; stroke:#fff; } html[data-page~="app"] .pub-alert b{ font-size:18px; display:block; } html[data-page~="app"] .pub-alert p{ font-size:14px; margin-top:4px; } html[data-page~="app"] .pub-alert a{ color:#fff; font-weight:700; } html[data-page~="app"] .pub-card{ background:#fff; border:1px solid #dfe7e2; border-radius:12px; padding:16px; box-shadow:0 1px 2px rgb(22 32 26/.06); } html[data-page~="app"] .pub-card.ok{ border-top:4px solid #38c037; } html[data-page~="app"] .pub-card.bad{ border-top:4px solid #c62f45; } html[data-page~="app"] .pub-card.warn{ border-top:4px solid #a8650a; } html[data-page~="app"] .pub-card.none{ display:flex; gap:10px; } html[data-page~="app"] .pub-card.none .ic{ width:22px; height:22px; flex:none; stroke:#68736d; } html[data-page~="app"] .pub-card.none p{ font-size:14px; color:#3d4742; margin-top:4px; } html[data-page~="app"] .pub-h{ display:flex; justify-content:space-between; align-items:center; gap:10px; flex-wrap:wrap; margin-bottom:10px; } html[data-page~="app"] .pub-st{ font-weight:700; color:#1d7f27; } html[data-page~="app"] .pub-card.bad .pub-st{ color:#c62f45; } html[data-page~="app"] .pub-card.warn .pub-st{ color:#a8650a; } html[data-page~="app"] .pub-vin{ font-family:"AVID Mark",var(--mono); font-size:24px; letter-spacing:.06em; color:#16201a; } html[data-page~="app"] .pub-card dl{ display:grid; grid-template-columns:max-content 1fr; gap:6px 16px; margin:0; font-size:14.5px; } html[data-page~="app"] .pub-card dt{ color:#68736d; } html[data-page~="app"] .pub-card dd{ margin:0; color:#16201a; font-weight:600; } html[data-page~="app"] .pub-red{ color:#c62f45; } html[data-page~="app"] .pub-note{ font-size:12px; color:#68736d; margin-top:12px; } html[data-page~="app"] .pub-foot{ text-align:center; font-size:12.5px; color:#68736d; padding:18px; border-top:1px solid #dfe7e2; } html[data-page~="app"] .stolen-banner .mono{ display:inline !important; } html[data-page~="app"] .stolen-banner span .mono{ font-weight:700; } html[data-page~="app"] .qr-link{ display:flex; align-items:center; gap:6px; justify-content:center; margin-top:8px; font-size:12.5px; color:var(--ink-2); text-decoration:none; word-break:break-all; } html[data-page~="app"] .qr-link .ic{ width:14px; height:14px; flex:none; } html[data-page~="app"] .qr-link:hover span{ text-decoration:underline; } html[data-page~="app"] .svc-tabs{ margin-bottom:2px; flex-wrap:wrap; } html[data-page~="app"] .svc-tabs button{ display:inline-flex; align-items:center; gap:6px; padding:7px 14px; font-size:13.5px; } html[data-page~="app"] .svc-tabs .ic{ width:16px; height:16px; } html[data-page~="app"] .svc-f{ grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr)) !important; } html[data-page~="app"] .svc-clear{ align-self:end; justify-self:start; height:38px; } html[data-page~="app"] .svc-sum td, html[data-page~="app"] .svc-sum th{ padding:9px 12px; border-bottom:1px solid var(--line-2); } html[data-page~="app"] .svc-sum td.num, html[data-page~="app"] .svc-sum th.num{ text-align:right; font-variant-numeric:tabular-nums; } html[data-page~="app"] .svc-sum tfoot td{ background:var(--panel-2); border-top:1px solid var(--line); } html[data-page~="app"] .svc-intro{ margin:0 0 4px; font-size:13.5px; color:var(--ink-2); line-height:1.6; } html[data-page~="app"] .svc-form .fsec:first-of-type{ margin-top:10px; } html[data-page~="app"] .svc-form .req{ color:var(--red); } html[data-page~="app"] .svc-form .opt{ color:var(--ink-3, #5b6474); font-weight:400; font-size:12px; } html[data-page~="app"] .svc-form .hint{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .svc-veh{ display:flex; gap:10px; align-items:flex-start; border:1px solid var(--green); background:var(--green-bg); border-radius:10px; padding:10px 12px; margin-top:22px; } html[data-page~="app"] .svc-veh .ic{ width:22px; height:22px; flex:none; color:var(--green); } html[data-page~="app"] .svc-veh b{ display:block; font-size:13.5px; } html[data-page~="app"] .svc-veh span{ display:block; font-size:12.5px; color:var(--ink-2); } html[data-page~="app"] .svc-veh.bad{ border-color:var(--red); background:var(--red-bg); } html[data-page~="app"] .svc-veh.bad .ic{ color:var(--red); } html[data-page~="app"] .svc-veh .sv-bad{ color:var(--red); font-weight:700; } html[data-page~="app"] #sfVeh .note{ margin-top:22px; } html[data-page~="app"] .svc-checks{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; margin-top:6px; } html[data-page~="app"] .svc-checks label{ display:flex; gap:8px; align-items:flex-start; border:1px solid var(--line); border-radius:9px; padding:9px 11px; font-size:13px; cursor:pointer; background:#fff; } html[data-page~="app"] .svc-checks label:has(input:checked){ border-color:var(--saffron-deep); background:var(--sel); } html[data-page~="app"] .svc-checks input{ margin-top:3px; accent-color:var(--navy); } html[data-page~="app"] .fld.bad .svc-checks label{ border-color:var(--red); } html[data-page~="app"] .pp-tag.gps{ background:var(--blue-bg); color:var(--blue); } @media (max-width:900px){html[data-page~="app"] .svc-f{ grid-template-columns:1fr 1fr !important; }html[data-page~="app"] .svc-checks{ grid-template-columns:minmax(0,1fr); }html[data-page~="app"] .svc-veh, html[data-page~="app"] #sfVeh .note{ margin-top:0; }} html[data-page~="app"] .svc-checks label{ justify-content:flex-start; text-align:left; line-height:1.45; } html[data-page~="app"] .svc-checks input[type=checkbox], html[data-page~="app"] .svc-form .tr-agree input[type=checkbox]{ width:18px !important; height:18px !important; min-height:0 !important; flex:0 0 18px; padding:0; margin:2px 0 0; } html[data-page~="app"] .web-stats .ws-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding:0} html[data-page~="app"] .web-stats .ws-grid > div{padding:14px 18px;border-left:1px solid var(--line-2)} html[data-page~="app"] .web-stats .ws-grid > div:first-child{border-left:0} html[data-page~="app"] .web-stats .ws-grid b{display:block;font:700 22px/1.2 var(--hd);color:var(--navy)} html[data-page~="app"] .web-stats .ws-grid span{display:block;font-weight:600;font-size:13px;color:var(--ink)} html[data-page~="app"] .web-stats .ws-grid small{display:block;font-size:12px;color:var(--ink-2)} @media (max-width:760px){html[data-page~="app"] .web-stats .ws-grid{grid-template-columns:1fr 1fr}html[data-page~="app"] .web-stats .ws-grid > div:nth-child(3){border-left:0}} html[data-page~="app"] .ph-hidden{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:var(--ink-2);background:var(--panel-2);border:1px dashed var(--line);border-radius:6px;padding:1px 7px} html[data-page~="app"] .tr-contact{margin-top:10px} html[data-page~="app"] .tr-contact .fsec{display:flex;align-items:center;gap:6px} html[data-page~="app"] .tr-contact .fsec .ic{width:16px;height:16px} html[data-page~="app"] .chat-wrap{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:560px;overflow:hidden} html[data-page~="app"] .chat-side{border-right:1px solid var(--line);padding:14px;display:flex;flex-direction:column;min-height:0} html[data-page~="app"] .chat-tabs{flex-wrap:wrap} html[data-page~="app"] .chat-dates{display:flex;gap:6px;margin-bottom:10px} html[data-page~="app"] .chat-dates input{flex:1;min-width:0;height:34px;border:1px solid var(--line);border-radius:8px;padding:0 6px;font-size:12.5px} html[data-page~="app"] .chat-list{list-style:none;margin:0;padding:0;overflow:auto;max-height:520px;display:flex;flex-direction:column;gap:4px} html[data-page~="app"] .chat-list button{width:100%;text-align:left;border:1px solid transparent;background:none;border-radius:10px;padding:9px 10px;cursor:pointer;display:flex;flex-direction:column;gap:3px} html[data-page~="app"] .chat-list button:hover{background:var(--panel-2)} html[data-page~="app"] .chat-list button.on{background:var(--sel);border-color:var(--saffron-deep)} html[data-page~="app"] .chat-list .t{display:flex;align-items:center;gap:6px;font-size:13.5px} html[data-page~="app"] .chat-list .t .cnt{margin-left:auto;background:var(--red);color:#fff;border-radius:99px;font-size:12px;padding:0 7px} html[data-page~="app"] .chat-list .s{font-size:12.5px;color:var(--ink-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} html[data-page~="app"] .chat-list .m{display:flex;align-items:center;gap:6px;font-size:11.5px;color:var(--ink-2)} html[data-page~="app"] .chat-list .m em{font-style:normal;margin-left:auto} html[data-page~="app"] .chat-empty{padding:16px 6px;color:var(--ink-2);font-size:13px} html[data-page~="app"] .chat-main{display:flex;flex-direction:column;min-height:0} html[data-page~="app"] .chat-h{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line)} html[data-page~="app"] .chat-h b{display:block;font-size:15px} html[data-page~="app"] .chat-h span{font-size:12.5px;color:var(--ink-2)} html[data-page~="app"] .chat-acts{margin-left:auto;display:flex;gap:6px;flex-wrap:wrap} html[data-page~="app"] .chat-log{flex:1;overflow:auto;padding:16px;background:var(--panel-2);display:flex;flex-direction:column;gap:8px;max-height:470px} html[data-page~="app"] .chat-b{max-width:78%;padding:8px 12px;border-radius:14px;font-size:13.5px;line-height:1.6;white-space:pre-wrap;word-wrap:break-word;background:#fff;border:1px solid var(--line);align-self:flex-start} html[data-page~="app"] .chat-b.user{align-self:flex-end;background:#e7f4ea;border-color:#bfe2c4} html[data-page~="app"] .chat-b.agent{background:#eef3ff;border-color:#c9d6f5} html[data-page~="app"] .chat-b .w{display:block;font-size:12px;font-weight:700;color:var(--ink-2);margin-bottom:2px} html[data-page~="app"] .chat-b .tm{display:block;font-size:12px;color:var(--ink-2);margin-top:3px;text-align:right} html[data-page~="app"] .chat-reply{display:flex;gap:8px;padding:12px 16px;border-top:1px solid var(--line);align-items:flex-end} html[data-page~="app"] .chat-reply textarea{flex:1;border:1px solid var(--line);border-radius:10px;padding:9px 11px;font:inherit;font-size:13.5px;resize:vertical;min-height:44px} html[data-page~="app"] .chat-none{display:grid;place-items:center;align-content:center;gap:6px;height:100%;min-height:420px;color:var(--ink-2);text-align:center} html[data-page~="app"] .chat-none .ic{width:36px;height:36px} @media (max-width:900px){html[data-page~="app"] .chat-wrap{grid-template-columns:1fr}html[data-page~="app"] .chat-side{border-right:0;border-bottom:1px solid var(--line)}html[data-page~="app"] .chat-list{max-height:260px}} html[data-page~="app"] .priv-note{ margin:0 0 14px; } html[data-page~="app"] .own-tag{ color:var(--green)!important; font-weight:600; } html[data-page~="app"] .ph-gone{ color:inherit; text-decoration:none; pointer-events:none; } html[data-page~="app"] .oh-chain{ display:flex; flex-wrap:wrap; align-items:center; gap:4px; min-width:220px; } html[data-page~="app"] .oh-step{ display:inline-flex; align-items:center; gap:5px; padding:2px 8px 2px 3px; border-radius:20px; background:var(--panel-2,#F4F6F3); border:1px solid var(--line); font-size:12px; white-space:nowrap; } html[data-page~="app"] .oh-step i{ font-style:normal; width:18px; height:18px; border-radius:50%; display:grid; place-items:center; background:var(--navy,#1F4D3A); color:#fff; font-size:12px; font-weight:700; } html[data-page~="app"] .oh-step.reg i{ background:var(--green,#1E8A4C); } html[data-page~="app"] .oh-arr{ color:var(--ink-3); font-size:12px; } html[data-page~="app"] .oh-ord{ display:inline-block; font-weight:700; color:var(--navy); } html[data-page~="app"] .oh-ord.pending{ color:#7f520b; } html[data-page~="app"] .oh-ord.rejected{ color:var(--red); text-decoration:line-through; } html[data-page~="app"] .oh-card{ border:1px solid var(--line); border-radius:12px; padding:14px 16px; margin:0 0 18px; background:#fff; } html[data-page~="app"] .oh-card h4{ display:flex; align-items:center; gap:8px; margin:0 0 10px; font-size:15px; } html[data-page~="app"] .oh-card h4 svg{ width:18px; height:18px; } html[data-page~="app"] .oh-card ol{ list-style:none; margin:0 0 10px; padding:0; display:grid; grid-template-columns:repeat(auto-fill,minmax(210px,1fr)); gap:10px; } html[data-page~="app"] .oh-card li{ display:flex; gap:10px; align-items:flex-start; padding:10px; border-radius:10px; background:var(--panel-2,#F4F6F3); } html[data-page~="app"] .oh-card li .n{ flex:none; font-size:12px; font-weight:700; color:#fff; background:var(--navy,#1F4D3A); border-radius:8px; padding:3px 8px; } html[data-page~="app"] .oh-card li:first-child .n{ background:var(--green,#1E8A4C); } html[data-page~="app"] .oh-card li div{ display:flex; flex-direction:column; gap:2px; font-size:13px; } html[data-page~="app"] .oh-card li small{ color:var(--ink-2); font-size:12px; } html[data-page~="app"] .oh-card li .mono{ font-size:12px; } html[data-page~="app"] .oh-box{ display:grid; grid-template-columns:1fr 1fr; gap:10px 16px; padding:12px 14px; border-radius:12px; background:var(--panel-2,#F4F6F3); border:1px solid var(--line); margin-bottom:14px; font-size:13px; } html[data-page~="app"] .oh-box > div{ display:flex; flex-direction:column; gap:2px; } html[data-page~="app"] .oh-box > div > span:first-child{ font-size:12px; color:var(--ink-2); } html[data-page~="app"] .oh-box > div:last-child{ grid-column:1 / -1; } @media (max-width:720px){html[data-page~="app"] .oh-box{ grid-template-columns:1fr; }} html[data-page~="app"] .oh-kv .sub{ display:block; margin-top:2px; } html[data-page~="app"] .oh-kv > a{ display:block; } html[data-page~="app"] .gw-mb-m{ margin:-4px 0 10px; font-size:13px; font-weight:600; color:var(--ink-2); letter-spacing:.01em; } html[data-page~="app"] .op-test{ display:flex; flex-wrap:wrap; gap:10px; align-items:flex-end; } html[data-page~="app"] .op-test .fld{ min-width:220px; } html[data-page~="app"] .op-test .sub{ font-size:13px; } html[data-page~="app"] .op-msg{ display:block; max-width:420px; white-space:normal; font-size:12.5px; color:var(--ink-2); } html[data-page~="app"] .m-box[data-ae-only="0"] .m-body > h3.fsec:not(:nth-of-type(1)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="0"] .m-body > div.fgrid:not(:nth-of-type(3)), html[data-page~="app"] .m-box[data-ae-only="1"] .m-body > h3.fsec:not(:nth-of-type(2)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="1"] .m-body > div.fgrid:not(:nth-of-type(4)), html[data-page~="app"] .m-box[data-ae-only="2"] .m-body > h3.fsec:not(:nth-of-type(3)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="2"] .m-body > div.fgrid:not(:nth-of-type(5)), html[data-page~="app"] .m-box[data-ae-only="3"] .m-body > h3.fsec:not(:nth-of-type(4)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="3"] .m-body > div.fgrid:not(:nth-of-type(6)), html[data-page~="app"] .m-box[data-ae-only="4"] .m-body > h3.fsec:not(:nth-of-type(5)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="4"] .m-body > div.fgrid:not(:nth-of-type(7)), html[data-page~="app"] .m-box[data-ae-only="5"] .m-body > h3.fsec:not(:nth-of-type(6)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="5"] .m-body > div.fgrid:not(:nth-of-type(8)), html[data-page~="app"] .m-box[data-ae-only="6"] .m-body > h3.fsec:not(:nth-of-type(7)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="6"] .m-body > div.fgrid:not(:nth-of-type(9)), html[data-page~="app"] .m-box[data-ae-only="7"] .m-body > h3.fsec:not(:nth-of-type(8)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="7"] .m-body > div.fgrid:not(:nth-of-type(10)), html[data-page~="app"] .m-box[data-ae-only="8"] .m-body > h3.fsec:not(:nth-of-type(9)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="8"] .m-body > div.fgrid:not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="9"] .m-body > h3.fsec:not(:nth-of-type(10)):not(:nth-of-type(11)), html[data-page~="app"] .m-box[data-ae-only="9"] .m-body > div.fgrid:not(:nth-of-type(12)), html[data-page~="app"] .m-box[data-ae-only] .fld:has([data-ep="priceStatus"]), html[data-page~="app"] .m-box[data-ae-only] .fld:has(#ePrice){ display:none !important; } html[data-page~="app"] .lv-sync{ display:inline-flex; align-items:center; gap:7px; height:34px; padding:0 12px; border-radius:999px; border:1px solid var(--line, #dfe5e1); background:var(--panel, #fff); color:var(--ink, #16201a); font:600 12.5px/1 inherit; font-family:inherit; cursor:pointer; white-space:nowrap; } html[data-page~="app"] .lv-sync .lv-dot{ width:9px; height:9px; border-radius:50%; background:#9aa5a0; flex:none; } html[data-page~="app"] .lv-sync.ok .lv-dot{ background:#1d7f27; box-shadow:0 0 0 3px rgba(29,127,39,.15); } html[data-page~="app"] .lv-sync.busy .lv-dot{ background:#1d7f27; animation:lv-pulse 1s ease-in-out infinite; } html[data-page~="app"] .lv-sync.bad{ border-color:#f0c2c9; background:#fff3f4; color:#a3192f; } html[data-page~="app"] .lv-sync.bad .lv-dot{ background:#c4203a; } @keyframes lv-pulse{ 50%{ opacity:.35; } } @media (max-width:720px){html[data-page~="app"] .lv-sync .lv-t{ display:none; }html[data-page~="app"] .lv-sync{ padding:0 10px; }} @media (prefers-reduced-motion:reduce){html[data-page~="app"] .lv-sync.busy .lv-dot{ animation:none; }} html[data-page~="app"] .lv-info p{ margin:0 0 10px; font-size:14px; line-height:1.6; } html[data-page~="app"] .lv-info ul{ margin:0 0 12px; padding-left:18px; font-size:13.5px; line-height:1.65; color:var(--ink-2, #3d4742); } html[data-page~="app"] .avc-own .avc-pp img, html[data-page~="app"] .avc-phc .avc-im img{ object-fit:contain !important; background:#fff; } html[data-page~="app"] .doc-gal{ display:grid; grid-template-columns:repeat(auto-fill, minmax(140px, 1fr)); gap:12px; margin-top:12px; } html[data-page~="app"] .doc-gal figure{ margin:0; border:1px solid var(--line); border-radius:10px; padding:8px; background:var(--panel, #fff); } html[data-page~="app"] .doc-gal a{ display:grid; place-items:center; height:120px; background:var(--panel-2, #f4f7f5); border-radius:7px; overflow:hidden; } html[data-page~="app"] .doc-gal img{ max-width:100%; max-height:120px; width:auto; height:auto; object-fit:contain; } html[data-page~="app"] .doc-gal figcaption{ font-size:12px; margin-top:6px; color:var(--ink-2); text-align:center; } html[data-page~="app"] .sms-set{ display:grid; grid-template-columns:repeat(3, minmax(0, 1fr)); gap:12px 14px; align-items:end; } html[data-page~="app"] .sms-set .span2{ grid-column:span 2; } html[data-page~="app"] .sms-set .chk{ display:flex; gap:8px; align-items:center; font-size:13.5px; grid-column:span 3; } html[data-page~="app"] .sms-set .sms-btns{ grid-column:span 3; display:flex; gap:10px; align-items:center; flex-wrap:wrap; } @media (max-width:760px){html[data-page~="app"] .sms-set{ grid-template-columns:1fr; }html[data-page~="app"] .sms-set .span2, html[data-page~="app"] .sms-set .chk, html[data-page~="app"] .sms-set .sms-btns{ grid-column:auto; }} html[data-page~="app"] .sms-set .sms-st{ grid-column:span 2; font-weight:600; font-size:13.5px; } html[data-page~="app"] .sms-set .sms-st.ok{ color:var(--green, #1d7f27); } html[data-page~="app"] .sms-set .sms-st.bad{ color:#a3192f; } @media (max-width:720px){html[data-page~="app"] .sms-set{ grid-template-columns:1fr; }html[data-page~="app"] .sms-set .span2, html[data-page~="app"] .sms-set .chk, html[data-page~="app"] .sms-set .sms-st{ grid-column:auto; }} html[data-page~="app"] .av-ph{ position:relative; overflow:hidden; } html[data-page~="app"] .av-ph > img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; border-radius:inherit; background:#eef3ef; } @media (max-width:560px){html[data-page~="app"] header.top{ min-width:0; }html[data-page~="app"] header.top > div:not(.tb-mid):not(.tb-right){ min-width:0; flex:1 1 auto; overflow:hidden; }html[data-page~="app"] header.top #pageTitle, html[data-page~="app"] header.top .crumb{ white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }html[data-page~="app"] header.top .crumb{ display:flex; min-width:0; }html[data-page~="app"] header.top .crumb > *{ min-width:0; overflow:hidden; text-overflow:ellipsis; }html[data-page~="app"] .tb-right{ min-width:0; flex-shrink:0; gap:6px; }html[data-page~="app"] .lv-sync .lv-t{ display:none; }html[data-page~="app"] #me > div{ display:none; }html[data-page~="app"] #page .seg{ display:flex; flex-wrap:wrap; max-width:100%; }html[data-page~="app"] #page .seg > *{ flex:1 1 auto; }} html[data-page~="app"] .nav a .cnt{ font-size:12px; line-height:1.5; } html[data-page~="app"] #bellDot{ font-size:11.5px; font-weight:700; } html[data-page~="app"] .me small, html[data-page~="app"] .me .mono{ font-size:12px; } html[data-page~="app"] .gsearch kbd{ font-size:12px; } html[data-page~="app"] .dt .mono, html[data-page~="app"] .dt .sub, html[data-page~="app"] .sub.mono{ font-size:12px; } html[data-page~="app"] .nav .sec{ color:#b9d6c1 !important; font-size:12px; } html[data-page~="app"] .kpi.hero .up, html[data-page~="app"] .hero .up{ color:#a6f0a5 !important; } html[data-page~="app"] .kpi.hero .down, html[data-page~="app"] .hero .down{ color:#ffb8b8 !important; } html[data-page~="app"] .grand small{ opacity:1; } html[data-page~="app"] .grand.neg small{ color:#8f2424; } html[data-page~="app"] .grand.pos small{ color:#155c42; } html[data-page~="app"] .ag-demo{ color:#6b4508 !important; } html[data-page~="app"] .hint, html[data-page~="app"] .sub, html[data-page~="app"] small{ letter-spacing:0; } html[data-page~="app"] .btn:disabled, html[data-page~="app"] button:disabled{ opacity:.6; } html[data-page~="app"] .tabs .n, html[data-page~="app"] .tabs button .n{ font-size:12px !important; } html[data-page~="app"] .radio-cards small{ font-size:12px; } html[data-page~="app"] .avc-im em{ color:#5d7466 !important; } /* ===== app, search ===== */ html:is([data-page~="app"],[data-page~="search"]) .fp-steps{list-style:none;display:flex;gap:6px;padding:0;margin:4px 0 16px} html:is([data-page~="app"],[data-page~="search"]) .fp-steps li{flex:1;font-size:12px;color:#5b6474;padding-top:7px;border-top:3px solid #dfe7e2} html:is([data-page~="app"],[data-page~="search"]) .fp-steps li.on{color:var(--navy,#173f22);font-weight:700;border-top-color:var(--saffron-deep,#1d7f27)} html:is([data-page~="app"],[data-page~="search"]) .fp-steps li.done{color:#1F7A5C;border-top-color:#1F7A5C} html:is([data-page~="app"],[data-page~="search"]) .fp-sub{font-size:13px;color:#56607A;margin:0 0 14px} html:is([data-page~="app"],[data-page~="search"]) .fp-demo{display:flex;gap:8px;font-size:12.5px;background:#FDF1DC;color:#7A4E0C;border:1px dashed #E7C27A;border-radius:9px;padding:9px 11px;margin:0 0 12px} html:is([data-page~="app"],[data-page~="search"]) .fp-demo b{font-family:"JetBrains Mono",monospace;letter-spacing:.08em} html:is([data-page~="app"],[data-page~="search"]) .fp-err{min-height:18px;font-size:13px;color:#B23B3B;margin:8px 0 4px} html:is([data-page~="app"],[data-page~="search"]) .fp-ok{background:#E7F3EE;color:#1F7A5C;border-radius:10px;padding:12px 14px;font-size:13.5px;margin:6px 0 14px;display:flex;gap:10px;align-items:flex-start} html:is([data-page~="app"],[data-page~="search"]) .fp-ok b{display:block;font-size:15px} html:is([data-page~="app"],[data-page~="search"]) .fp-row{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-top:14px;font-size:13px;flex-wrap:wrap} html:is([data-page~="app"],[data-page~="search"]) .fp-link{background:none;border:0;padding:0;color:var(--navy,#173f22);font:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px;cursor:pointer} html:is([data-page~="app"],[data-page~="search"]) .fp-link[disabled]{color:#9AA1B0;text-decoration:none;cursor:default} html:is([data-page~="app"],[data-page~="search"]) .fp-meter{height:5px;border-radius:4px;background:#e8efea;margin-top:6px;overflow:hidden} html:is([data-page~="app"],[data-page~="search"]) .fp-meter i{display:block;height:100%;transition:width .2s} html:is([data-page~="app"],[data-page~="search"]) .fp-hint{font-size:12px;color:#5b6474;margin-top:4px;display:block} html:is([data-page~="app"],[data-page~="search"]) .fp-card .fld + .fld{margin-top:12px} html:is([data-page~="app"],[data-page~="search"]) .fp-card input{width:100%} html:is([data-page~="app"],[data-page~="search"]) .forgot-link{display:block;margin:8px 0 0 auto;background:none;border:0;padding:0;font:inherit;font-size:13px;font-weight:600;color:var(--navy,#173f22);text-decoration:underline;text-underline-offset:3px;cursor:pointer} /* ===== search ===== */ html[data-page~="search"]{color-scheme:light;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)} html[data-page~="search"]{scroll-padding-top:env(safe-area-inset-top,0px)} html[data-page~="search"] body{margin:0;padding:0;font:14px -apple-system,BlinkMacSystemFont,sans-serif;background:#fff;color:#000} html[data-page~="search"] img{max-width:100%} html[data-page~="search"] [hidden]:not([hidden=until-found i]){display:none!important} html[data-page~="search"] .clist .cl{display:block;font-size:var(--fs-caption);color:var(--muted);font-weight:600;line-height:1.4} html[data-page~="search"] .clist a.v{color:inherit} html[data-page~="search"] .steps .n3d{background:var(--green-ink)!important} html[data-page~="search"] .vt-tags span{font-size:12.5px!important} html[data-page~="search"] .n3d{text-shadow:0 1px 2px rgba(0,0,0,.35)} html[data-page~="search"] .field .hint.ok{color:var(--green-ink);font-weight:600} html[data-page~="search"] .hero.hero2{ position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line); background: radial-gradient(60% 70% at 80% 38%,rgb(56 192 55/.16) 0%,rgb(56 192 55/0) 70%), radial-gradient(40% 50% at 0% 100%,rgb(56 192 55/.10) 0%,rgb(56 192 55/0) 70%), linear-gradient(180deg,#f2fbf4 0%,#f8fdf9 60%,#ffffff 100%); } html[data-page~="search"] .hero.hero2::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none; background-image:linear-gradient(rgb(31 138 39/.06) 1px,transparent 1px),linear-gradient(90deg,rgb(31 138 39/.06) 1px,transparent 1px); background-size:56px 56px;background-position:-1px -1px; -webkit-mask-image:linear-gradient(100deg,transparent 30%,#000 70%);mask-image:linear-gradient(100deg,transparent 30%,#000 70%)} html[data-page~="search"] .hero.hero2 .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);padding-block:clamp(44px,6vw,84px) clamp(28px,4vw,48px)} html[data-page~="search"] .hero.hero2 h1{font-size:clamp(2.6rem,1.9rem + 2.6vw,4.1rem);line-height:1.1;letter-spacing:-.02em;margin-top:22px;text-wrap:balance} html[data-page~="search"] .hero.hero2 h1 .hl{color:inherit;white-space:normal} html[data-page~="search"] .hero.hero2 h1 .hl::after{display:none} html[data-page~="search"] .hero.hero2 .lede{max-width:40ch;margin-top:16px} html[data-page~="search"] .hero.hero2 .trust{display:flex;flex-wrap:wrap;gap:8px 18px;margin-top:22px;padding:0;list-style:none;font-size:var(--fs-sm);color:var(--body)} html[data-page~="search"] .hero.hero2 .trust li{display:inline-flex;align-items:center;gap:8px} html[data-page~="search"] .hero.hero2 .trust svg{width:17px;height:17px;color:var(--green-ink);flex:none} html[data-page~="search"] .hero-art{position:relative;width:100%;max-width:640px;justify-self:end;aspect-ratio:600/480} html[data-page~="search"] .hero-art > svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible} html[data-page~="search"] .ha-lbl{font:600 13px var(--f-bn);fill:var(--ink)} html[data-page~="search"] .ha-vin{font:400 11px "AVID Mark","DM Sans",monospace;fill:var(--green-ink);letter-spacing:.06em} html[data-page~="search"] .ha-mark{opacity:.45;transition:opacity .4s} html[data-page~="search"] .ha-mark .glow{fill:var(--green)} html[data-page~="search"] .ha-sec{opacity:.9} html[data-page~="search"] .ha-scan{transform:translateX(-90px)} html[data-page~="search"] .ha-pulse{transform-box:fill-box;transform-origin:center} html[data-page~="search"] .ha-card{position:absolute;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:16px; background:rgb(255 255 255/.92);border:1px solid var(--line);box-shadow:0 1px 2px rgb(22 32 26/.05),0 22px 44px -22px rgb(22 80 30/.45);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--ink)} html[data-page~="search"] .ha-card .ic{width:38px;height:38px;border-radius:11px;display:grid;place-items:center;flex:none;background:var(--green-ink);color:#fff} html[data-page~="search"] .ha-card .ic svg{width:20px;height:20px} html[data-page~="search"] .ha-card b{display:block;font:700 14px/1.3 var(--f-bn);color:var(--green-ink)} html[data-page~="search"] .ha-card .vin{display:block;font:400 19px/1.25 "AVID Mark","DM Sans",monospace;letter-spacing:.08em;color:var(--ink);margin-top:2px} html[data-page~="search"] .ha-card small{display:block;font-size:12.5px;color:var(--muted);line-height:1.4} html[data-page~="search"] .ha-verify{left:-2%;top:6%} html[data-page~="search"] .ha-gps{right:-2%;top:14%;padding:9px 14px 9px 10px;border-radius:99px;gap:9px} html[data-page~="search"] .ha-gps .dot{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 0 rgb(56 192 55/.6);flex:none} html[data-page~="search"] .ha-gps b{font-size:13px;color:var(--ink)} html[data-page~="search"] .hero.hero2 .stats{max-width:none;margin:0;border-radius:0;background:transparent;border:0;box-shadow:none;overflow:visible; border-top:1px solid var(--line);display:grid;grid-template-columns:auto repeat(4,minmax(0,1fr));align-items:stretch} html[data-page~="search"] .hero.hero2 .stats-head{background:none;padding:22px 28px 22px 0;display:flex;align-items:center;color:var(--ink)} html[data-page~="search"] .hero.hero2 .stats-head::after{display:none} html[data-page~="search"] .hero.hero2 .stats-head h2{display:block;color:var(--ink);font-size:var(--fs-sm);font-weight:700;max-width:11ch;line-height:1.35} html[data-page~="search"] .hero.hero2 .stats-head h2 small{display:block;margin-top:4px;font-size:var(--fs-caption);font-weight:500;color:var(--muted)} html[data-page~="search"] .hero.hero2 .stat b{font-variant-numeric:tabular-nums} html[data-page~="search"] .hero.hero2 .stats-head h2::before{display:none} html[data-page~="search"] .hero.hero2 .stat-grid{display:contents} html[data-page~="search"] .hero.hero2 .stat{display:block;padding:22px 24px;border:0 !important;border-left:1px solid var(--line) !important} html[data-page~="search"] .hero.hero2 .stat .b3d{display:none} html[data-page~="search"] .hero.hero2 .stat b{color:var(--ink);font-size:clamp(1.6rem,1.2rem + 1.2vw,2.2rem)} html[data-page~="search"] .hero.hero2 .stat .l{color:var(--green-ink);font-size:var(--fs-sm)} html[data-page~="search"] .hero.hero2 .stat small{color:var(--muted)} @media (prefers-reduced-motion:no-preference){html[data-page~="search"] .ha-gps .dot{animation:haDot 2.4s ease-out infinite}html[data-page~="search"] .ha-pulse{animation:haPulse 2.8s ease-out infinite}html[data-page~="search"] .ha-pulse.p2{animation-delay:1.4s}html[data-page~="search"] .ha-wheel{transform-box:fill-box;transform-origin:center;animation:haSpin 1.4s linear infinite}html[data-page~="search"] .ha-road{animation:haRoad .9s linear infinite}@keyframes haSpin{to{transform:rotate(-360deg)}}@keyframes haRoad{to{transform:translateX(-48px)}}@keyframes haIn{from{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:none}}@keyframes haDot{0%{box-shadow:0 0 0 0 rgb(56 192 55/.6)}100%{box-shadow:0 0 0 10px rgb(56 192 55/0)}}@keyframes haPulse{0%{transform:scale(.4);opacity:.9}100%{transform:scale(2.6);opacity:0}}} @media (prefers-reduced-motion:reduce){html[data-page~="search"] .ha-mark{opacity:1}html[data-page~="search"] .ha-scan{display:none}} @media (max-width:960px){html[data-page~="search"] .hero.hero2 .hero-grid{grid-template-columns:1fr;gap:28px}html[data-page~="search"] .hero-art{justify-self:center;max-width:560px}html[data-page~="search"] .hero.hero2 .stats{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-page~="search"] .hero.hero2 .stats-head{grid-column:1/-1;padding:18px 0 6px}html[data-page~="search"] .hero.hero2 .stats-head h2{max-width:none}html[data-page~="search"] .hero.hero2 .stat{padding:16px 18px 18px 0;border-left:0 !important;border-top:1px solid var(--line) !important}html[data-page~="search"] .hero.hero2 .stat:nth-of-type(even){padding-left:18px;border-left:1px solid var(--line) !important}} @media (max-width:560px){html[data-page~="search"] .ha-card{padding:9px 12px 9px 9px;gap:9px;border-radius:13px}html[data-page~="search"] .ha-card .ic{width:30px;height:30px;border-radius:9px}html[data-page~="search"] .ha-card .vin{font-size:15px}html[data-page~="search"] .ha-card small{display:none}html[data-page~="search"] .ha-verify{left:0;top:2%}html[data-page~="search"] .ha-gps{top:11%;right:0;padding:7px 11px 7px 9px}html[data-page~="search"] .ha-gps b{font-size:12px}html[data-page~="search"] .ha-lbl{font-size:20px;transform:translateY(9px)}html[data-page~="search"] .ha-vin{display:none}} html[data-page~="search"] .ha-scan{opacity:0} html[data-page~="search"] .ha-mark .ping{fill:none;stroke:var(--green);stroke-width:2;opacity:0} html[data-page~="search"] .hero-art.anim .ha-mark{opacity:1} html[data-page~="search"] .hero-art.anim .ha-mark:not(.on) text{opacity:0} html[data-page~="search"] .hero-art.anim .ha-mark .lead{transition:stroke-dashoffset .45s cubic-bezier(.3,.7,.2,1)} html[data-page~="search"] .hero-art.anim .ha-mark .glow{transform-box:fill-box;transform-origin:center;opacity:.35;transition:opacity .3s,filter .3s} html[data-page~="search"] .hero-art.anim .ha-mark.lit .glow{opacity:1;filter:drop-shadow(0 0 5px rgb(56 192 55/.9))} html[data-page~="search"] .hero-art.anim .ha-mark .box{transform-box:fill-box;transform-origin:left center;opacity:0;transform:scale(.6);transition:opacity .3s,transform .4s cubic-bezier(.2,1.4,.4,1)} html[data-page~="search"] .hero-art.anim .ha-mark.on .box{opacity:1;transform:none} html[data-page~="search"] .hero-art .ha-mark.hot .lead{stroke-width:2.6} html[data-page~="search"] .hero-art .ha-mark.hot .box{stroke-opacity:.9;filter:drop-shadow(0 6px 10px rgb(22 80 30/.2))} html[data-page~="search"] .hero-art .ha-mark.hot .glow{opacity:1;filter:drop-shadow(0 0 6px rgb(56 192 55/1))} html[data-page~="search"] .hero-art .ha-mark{cursor:default} html[data-page~="search"] .hero-art.anim .ha-verify, html[data-page~="search"] .hero-art.anim .ha-gps{opacity:0;transform:translateY(10px) scale(.97);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)} html[data-page~="search"] .hero-art.anim .ha-verify.on, html[data-page~="search"] .hero-art.anim .ha-gps.on{opacity:1;transform:none} html[data-page~="search"] .hero-art.anim .ha-verify small{opacity:0;transition:opacity .4s} html[data-page~="search"] .hero-art.anim .ha-verify.done small{opacity:1} html[data-page~="search"] .hero-art.anim .ha-verify .vin{min-height:1.25em} html[data-page~="search"] .hero-art.anim .ha-verify.done .ic{animation:haTick .5s ease-out} html[data-page~="search"] .hero-art.fade .ha-mark, html[data-page~="search"] .hero-art.fade .ha-verify{opacity:0 !important;transition:opacity .6s} @keyframes haTick{0%{transform:scale(.7)}60%{transform:scale(1.12)}100%{transform:none}} @media (prefers-reduced-motion:reduce){html[data-page~="search"] .hero-art .ha-mark, html[data-page~="search"] .hero-art .ha-mark .glow{opacity:1}} html[data-page~="search"] .video .thumb.playing{cursor:default} html[data-page~="search"] .video .yt-frame{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;background:#000} html[data-page~="search"] .certs{display:flex!important;flex-wrap:wrap;justify-content:center;gap:20px;max-width:none} html[data-page~="search"] .certs .acc{margin:0;display:flex;flex-direction:column;align-items:center;gap:8px} html[data-page~="search"] .certs .cert{width:200px;height:140px;padding:10px;display:grid;place-items:center;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.05)} html[data-page~="search"] .certs .cert img{display:block;width:auto;height:auto;max-width:180px;max-height:120px;object-fit:contain} html[data-page~="search"] .certs .cert:hover, html[data-page~="search"] .certs .cert:focus-visible{border-color:var(--green-ink,#1d7f27)} html[data-page~="search"] .certs figcaption{font-size:13px;font-weight:700;letter-spacing:.04em;color:var(--muted,#55605a)} @media (max-width:520px){html[data-page~="search"] .certs{gap:12px}html[data-page~="search"] .certs .cert{width:150px;height:110px;padding:8px}html[data-page~="search"] .certs .cert img{max-width:134px;max-height:94px}} html[data-page~="search"]{ --bg:#ffffff; --surface:#ffffff; --tint:#eef9f1; --tint-2:#f6faf7; --ink:#16201a; --body:#3d4742; --muted:#68736d; --line:#dfe7e2; --green:#38c037; --green-ink:#1d7f27; --green-soft:#d8f3dc; --charcoal:#424242; --on-dark:#ffffff; --alert:#c62f45; --alert-soft:#fdecef; --alert-ink:#a3192f; --amber:#a8650a; --amber-soft:#fff4e0; --blue:#1f62b8; --blue-soft:#e8f0fc; --frame:#ffffff; --logo-plate:transparent; --shadow:0 1px 2px rgb(22 32 26/.06),0 8px 24px rgb(22 32 26/.06); --f-bn:"Noto Sans Bengali","Hind Siliguri","Vrinda",system-ui,sans-serif; --f-lat:"DM Sans","Noto Sans Bengali",system-ui,sans-serif; --r:10px; --wrap:1180px; --fs-caption:clamp(0.8313rem, 0.8239rem + 0.03261vw, 0.85rem); --fs-sm:clamp(0.9125rem, 0.8978rem + 0.06522vw, 0.95rem); --fs-body:clamp(1rem, 0.9755rem + 0.1087vw, 1.062rem); --fs-lead:clamp(1.094rem, 1.057rem + 0.163vw, 1.188rem); --fs-h4:clamp(1.2rem, 1.151rem + 0.2174vw, 1.325rem); --fs-h3:clamp(1.438rem, 1.349rem + 0.3913vw, 1.663rem); --fs-stat:clamp(1.725rem, 1.588rem + 0.6087vw, 2.075rem); --fs-h2:clamp(1.894rem, 1.62rem + 1.217vw, 2.594rem); --fs-h1:clamp(2.487rem, 2.192rem + 1.315vw, 3.244rem); --lh-body:1.75; --lh-head:1.3; --lh-display:1.15; color-scheme:light; } html[data-page~="search"] *{box-sizing:border-box} html[data-page~="search"]{scroll-behavior:smooth;scroll-padding-top:84px} @media (prefers-reduced-motion:reduce){html[data-page~="search"]{scroll-behavior:auto}html[data-page~="search"] *{transition:none!important;animation:none!important}} html[data-page~="search"] body{background:var(--bg);color:var(--body);font-family:var(--f-bn);font-size:var(--fs-body);line-height:var(--lh-body);-webkit-font-smoothing:antialiased} html[data-page~="search"] h1, html[data-page~="search"] h2, html[data-page~="search"] h3, html[data-page~="search"] h4{color:var(--ink);line-height:var(--lh-head);text-wrap:balance;margin:0;font-weight:700} html[data-page~="search"] p{margin:0} html[data-page~="search"] a{color:inherit} html[data-page~="search"] .lat{font-family:var(--f-lat)} html[data-page~="search"] .wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:20px} html[data-page~="search"] .num{font-variant-numeric:tabular-nums;letter-spacing:.01em} html[data-page~="search"] :focus-visible{outline:3px solid var(--green);outline-offset:2px;border-radius:6px} html[data-page~="search"] .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap} html[data-page~="search"] .btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:8px;padding:10px 16px;font:600 var(--fs-sm)/1.2 var(--f-lat);text-decoration:none;cursor:pointer;white-space:nowrap;transition:filter .15s,transform .15s} html[data-page~="search"] .btn:hover{filter:brightness(1.06)} html[data-page~="search"] .btn:active{transform:translateY(1px)} html[data-page~="search"] .btn-dark{background:var(--charcoal);color:var(--on-dark)} html[data-page~="search"] .btn-green{background:var(--green-ink);color:#fff} html[data-page~="search"] .btn-alert{background:var(--alert);color:#fff;font-family:var(--f-bn)} html[data-page~="search"] .btn-ghost{background:transparent;color:var(--ink);border:1px solid var(--line)} html[data-page~="search"] .btn svg{width:18px;height:18px;flex:none} html[data-page~="search"] .hdr{position:sticky;top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)} html[data-page~="search"] .hdr .wrap{display:flex;align-items:center;gap:20px;min-height:72px} html[data-page~="search"] .logo{display:block;border-radius:10px;background:var(--logo-plate);padding:2px 6px} html[data-page~="search"] .logo img{display:block;height:52px;width:auto} html[data-page~="search"] .nav{display:flex;gap:2px;margin-inline:auto;flex-wrap:nowrap} html[data-page~="search"] .nav a{text-decoration:none;font-size:var(--fs-sm);font-weight:500;color:var(--body);padding:6px 11px;border-radius:6px;line-height:1.35;white-space:nowrap} html[data-page~="search"] .nav a:hover{color:var(--green-ink);background:var(--tint)} html[data-page~="search"] .hdr-actions{display:flex;gap:8px;align-items:center} html[data-page~="search"] .hdr-actions .btn{padding:8px 13px;font-size:var(--fs-sm)} html[data-page~="search"] .menu-btn{display:none;margin-left:auto;background:none;border:1px solid var(--line);border-radius:8px;width:44px;height:44px;color:var(--ink);cursor:pointer} html[data-page~="search"] .mnav{display:none} @media (max-width:1080px){html[data-page~="search"] .nav, html[data-page~="search"] .hdr-actions .agent{display:none}html[data-page~="search"] .menu-btn{display:grid;place-items:center;margin-left:0}html[data-page~="search"] .hdr-actions{margin-left:auto}html[data-page~="search"] .mnav:not([hidden]){display:grid;gap:2px;padding:8px 20px 18px;border-top:1px solid var(--line);background:var(--bg)}html[data-page~="search"] .mnav a{text-decoration:none;padding:10px 4px;border-bottom:1px solid var(--line);color:var(--ink);font-weight:500}html[data-page~="search"] .mnav .row{display:flex;gap:8px;margin-top:12px}html[data-page~="search"] .mnav .row .btn{flex:1;border-bottom:0}} @media (max-width:520px){html[data-page~="search"] .hdr-actions .report-txt{display:none}html[data-page~="search"] .hdr-actions .btn-alert{padding:10px}} html[data-page~="search"] .b3d, html[data-page~="search"] .dlg-head .ic{ --c1:#7ee879; --c2:#38c037; --c3:#1f8a27; --c4:#156b1c; position:relative;display:grid;place-items:center;flex:none;color:#fff;border-radius:14px; background: radial-gradient(120% 80% at 28% 12%,rgb(255 255 255/.6) 0%,rgb(255 255 255/0) 46%), linear-gradient(155deg,var(--c1) 0%,var(--c2) 52%,var(--c3) 100%); box-shadow: inset 0 1.5px 0 rgb(255 255 255/.65), inset 0 -4px 8px rgb(0 0 0/.16), 0 4px 0 var(--c4), 0 12px 20px -8px color-mix(in srgb,var(--c4) 80%,transparent); } html[data-page~="search"] .b3d svg, html[data-page~="search"] .dlg-head .ic svg{filter:drop-shadow(0 1.5px 1.2px rgb(0 0 0/.28))} html[data-page~="search"] .b3d.red, html[data-page~="search"] .dlg-head .ic{--c1:#ff8a98;--c2:#e2425a;--c3:#c62f45;--c4:#951f31} html[data-page~="search"] .b3d{width:46px;height:46px} html[data-page~="search"] .b3d svg{width:23px;height:23px} html[data-page~="search"] .b3d.sm{width:38px;height:38px;border-radius:11px} html[data-page~="search"] .b3d.sm svg{width:19px;height:19px} html[data-page~="search"] .n3d{ --c1:#86ec80; --c2:#3cc43b; --c3:#1f8a27; --c4:#145f1a; display:grid;place-items:center;flex:none;width:60px;height:60px;border-radius:18px; font:800 24px/1 var(--f-lat);color:#fff;letter-spacing:.01em; text-shadow:0 2px 0 rgb(0 0 0/.22),0 0 12px rgb(255 255 255/.25); background: radial-gradient(110% 75% at 30% 10%,rgb(255 255 255/.6) 0%,rgb(255 255 255/0) 50%), linear-gradient(160deg,var(--c1),var(--c2) 55%,var(--c3)); box-shadow: inset 0 2px 0 rgb(255 255 255/.7), inset 0 -5px 10px rgb(0 0 0/.18), 0 5px 0 var(--c4), 0 6px 0 color-mix(in srgb,var(--c4) 70%,#000), 0 16px 24px -8px color-mix(in srgb,var(--c4) 75%,transparent); transform:rotate(-4deg); transition:transform .25s ease; } html[data-page~="search"] .n3d.red{--c1:#ff95a2;--c2:#e5475f;--c3:#c62f45;--c4:#8f1c2e} html[data-page~="search"] .n3d.sm{width:46px;height:46px;border-radius:14px;font:800 22px/1 var(--f-bn);transform:rotate(-3deg)} html[data-page~="search"] .stat .b3d{width:50px;height:50px;border-radius:50%;color:#fff; background:radial-gradient(circle at 32% 26%,#ffffff 0 5%,#c4f7c1 9%,#5ad957 34%,#2aa52c 62%,#135c19 100%); box-shadow:inset -5px -7px 12px rgb(0 0 0/.28),inset 4px 5px 8px rgb(255 255 255/.35),0 3px 0 rgb(0 0 0/0)} html[data-page~="search"] .stat .b3d::after{content:"";position:absolute;left:8px;right:8px;bottom:-9px;height:8px;border-radius:50%;background:radial-gradient(closest-side,rgb(20 90 30/.38),transparent);z-index:-1} html[data-page~="search"] .stat{position:relative;isolation:isolate} html[data-page~="search"] .svc .ic{position:relative;width:64px;height:64px;display:grid;place-items:center;color:var(--green-ink);isolation:isolate} html[data-page~="search"] .svc .ic::after{content:"";position:absolute;inset:0;border-radius:20px;z-index:1; background:linear-gradient(145deg,#ffffff,#f1faf3);border:1px solid #dcefe0;box-shadow:inset 0 1px 0 #fff,0 10px 22px -12px rgb(20 60 30/.45)} html[data-page~="search"] .svc .ic svg{position:relative;z-index:2;width:28px;height:28px;filter:drop-shadow(0 2px 2px rgb(31 138 39/.25))} html[data-page~="search"] .feat svg{width:44px;height:44px;padding:11px;border-radius:50%;flex:none;color:var(--green-ink); background:radial-gradient(circle at 35% 28%,#ffffff 0%,#f1faf3 55%,#ddf2e1 100%);border:2px solid #cdebd2; box-shadow:0 3px 0 #38c037,0 5px 0 #1f8a27,0 10px 14px -6px rgb(20 90 30/.5)} html[data-page~="search"] .feat{gap:14px;padding:14px 16px 16px} html[data-page~="search"] .clist .ic{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;color:var(--green-ink); background:linear-gradient(145deg,#ffffff,#e4f2e7); box-shadow:6px 7px 14px #bcd3c2,-5px -5px 12px #ffffff,inset 0 0 0 1px rgb(255 255 255/.9),inset -3px -4px 6px rgb(31 138 39/.08)} html[data-page~="search"] .clist .ic::before{content:"";position:absolute} html[data-page~="search"] .clist .ic svg{width:21px;height:21px;filter:drop-shadow(0 1px 0 #fff) drop-shadow(0 2px 3px rgb(31 138 39/.3))} html[data-page~="search"] .hero .eyebrow .b3d{width:26px;height:26px;border-radius:50%;background:var(--green);box-shadow:none} html[data-page~="search"] .hero .eyebrow .b3d svg{filter:none;width:14px;height:14px} html[data-page~="search"] .hero .search .b3d{width:40px;height:38px;border-radius:0;background:none;box-shadow:none;color:var(--green-ink);border-right:1.5px solid var(--line);margin-right:4px} html[data-page~="search"] .hero .search .b3d svg{filter:none;width:22px;height:22px} html[data-page~="search"] .hero .report-strip .b3d{width:46px;height:46px;border-radius:50%;background:#fde4e8;color:var(--alert);box-shadow:0 0 0 5px #fff,0 0 0 6px #f6c6ce} html[data-page~="search"] .hero .report-strip .b3d svg{filter:none;width:22px;height:22px} html[data-page~="search"] .steps .n3d{width:56px;height:56px;border-radius:50%;transform:none;background:var(--green);color:#fff;text-shadow:none; font:700 var(--fs-h4)/1 var(--f-lat);letter-spacing:.02em;box-shadow:0 0 0 6px var(--surface),0 0 0 7.5px #bfe9c3} html[data-page~="search"] .steps .n3d.red{background:var(--alert);box-shadow:0 0 0 6px #fff6f7,0 0 0 7.5px #f3bcc5} html[data-page~="search"] .steps li:hover .n{transform:scale(1.06)} html[data-page~="search"] .hero{position:relative;overflow:hidden;isolation:isolate;border-bottom:1px solid var(--line); background:linear-gradient(180deg,#f2fbf4 0%,#f8fdf9 55%,var(--bg) 100%)} html[data-page~="search"] .hero-bg{position:absolute;inset:0;z-index:-1;pointer-events:none} html[data-page~="search"] .hero-bg::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgb(31 138 39/.14) 1px,transparent 1.3px);background-size:22px 22px; -webkit-mask-image:linear-gradient(105deg,transparent 10%,#000 55%,transparent 95%);mask-image:linear-gradient(105deg,transparent 10%,#000 55%,transparent 95%)} html[data-page~="search"] .hero-bg .orb{position:absolute;border-radius:50%;filter:blur(60px)} html[data-page~="search"] .hero-bg .o1{width:460px;height:460px;right:-80px;top:-120px;background:rgb(56 192 55/.22)} html[data-page~="search"] .hero-bg .o2{width:340px;height:340px;left:-140px;bottom:-160px;background:rgb(56 192 55/.14)} html[data-page~="search"] .hero-bg .shape{position:absolute;right:-40px;top:-30px;width:440px;opacity:.6} html[data-page~="search"] .hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:56px;align-items:center;padding-block:clamp(56px,7vw,96px) clamp(64px,7vw,96px)} html[data-page~="search"] .eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:var(--fs-sm);font-weight:600;color:var(--green-ink);background:#fff;border:1px solid var(--green-soft);padding:6px 14px 6px 8px;border-radius:999px;box-shadow:0 2px 10px -4px rgb(31 138 39/.35)} html[data-page~="search"] .eyebrow .b3d{width:24px;height:24px;border-radius:7px;box-shadow:inset 0 1px 0 rgb(255 255 255/.6),0 2px 0 var(--c4)} html[data-page~="search"] .eyebrow .b3d svg{width:14px;height:14px} html[data-page~="search"] .hero h1{font-size:var(--fs-h1);margin-top:20px;letter-spacing:-.015em;line-height:var(--lh-display)} html[data-page~="search"] .hero h1 .hl{position:relative;color:var(--green-ink);white-space:nowrap} html[data-page~="search"] .hero h1 .hl::after{content:"";position:absolute;left:-2%;right:-2%;bottom:.04em;height:.22em;border-radius:6px;background:linear-gradient(90deg,rgb(56 192 55/.38),rgb(56 192 55/.12));z-index:-1} html[data-page~="search"] .hero .lede{font-size:var(--fs-lead);margin-top:14px;max-width:44ch;color:var(--body);text-wrap:pretty} html[data-page~="search"] .search{margin-top:30px;display:flex;align-items:center;gap:8px;background:#fff;border:1.5px solid var(--line);border-radius:16px;padding:8px;box-shadow:0 1px 2px rgb(22 32 26/.05),0 18px 40px -18px rgb(31 138 39/.45);max-width:580px;transition:border-color .2s,box-shadow .2s} html[data-page~="search"] .search:focus-within{border-color:var(--green);box-shadow:0 0 0 4px rgb(56 192 55/.15),0 18px 40px -18px rgb(31 138 39/.5)} html[data-page~="search"] .search .b3d{margin-left:2px} html[data-page~="search"] .search input{flex:1;min-width:0;border:0;background:transparent;font:500 var(--fs-body) var(--f-bn);color:var(--ink);padding:10px 6px;outline:none} html[data-page~="search"] .search input::placeholder{color:var(--muted)} html[data-page~="search"] .search a.btn{padding:13px 20px;border-radius:11px;box-shadow:0 3px 0 #1f8a27} html[data-page~="search"] .report-strip{margin-top:20px;display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:14px 16px;border:1px solid #f5c9d0;background:linear-gradient(100deg,#fff1f3,#fff8f9);border-radius:16px;max-width:580px} html[data-page~="search"] .report-strip p{flex:1;min-width:180px;color:var(--ink);font-weight:600;line-height:1.5} html[data-page~="search"] .report-strip p small{display:block;color:var(--body);font-weight:400;font-size:var(--fs-sm)} html[data-page~="search"] .report-strip .btn{box-shadow:0 3px 0 #951f31} html[data-page~="search"] .stats{position:relative;margin-top:28px;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden; box-shadow:0 1px 2px rgb(22 32 26/.05),0 30px 60px -28px rgb(22 80 30/.45)} html[data-page~="search"] .stats-head{position:relative;padding:18px 24px;background:linear-gradient(120deg,#2fae2e,#1f8a27);color:#fff;overflow:hidden} html[data-page~="search"] .stats-head::after{content:"";position:absolute;right:-30px;top:-50px;width:180px;height:180px;border-radius:50%;border:26px solid rgb(255 255 255/.1)} html[data-page~="search"] .stats-head h2{position:relative;color:#fff;font-size:var(--fs-h4);display:flex;align-items:center;gap:10px} html[data-page~="search"] .stats-head h2::before{content:"";width:10px;height:10px;border-radius:50%;background:#c9ffc8;box-shadow:0 0 0 4px rgb(255 255 255/.18)} html[data-page~="search"] .stat-grid{display:grid;grid-template-columns:1fr 1fr} html[data-page~="search"] .stat{padding:20px 22px 22px;display:grid;grid-template-columns:auto 1fr;column-gap:14px;align-items:start} html[data-page~="search"] .stat:nth-child(odd){border-right:1px solid var(--line)} html[data-page~="search"] .stat:nth-child(-n/**/+2){border-bottom:1px solid var(--line)} html[data-page~="search"] .stat .b3d{grid-row:span 3;margin-top:4px} html[data-page~="search"] .stat b{display:block;font:800 var(--fs-stat)/1.15 var(--f-bn);color:var(--ink)} html[data-page~="search"] .stat .l{display:block;font-weight:700;color:var(--green-ink);margin-top:2px;line-height:1.4} html[data-page~="search"] .stat small{display:block;font-size:var(--fs-caption);color:var(--muted);line-height:1.45;margin-top:2px} @media (max-width:960px){html[data-page~="search"] .hero-grid{grid-template-columns:1fr;gap:20px}html[data-page~="search"] .stats{margin-top:12px;max-width:640px}html[data-page~="search"] .hero-bg .shape{width:300px;opacity:.45}} @media (max-width:480px){html[data-page~="search"] .stat{grid-template-columns:1fr;padding:16px}html[data-page~="search"] .stat .b3d{grid-row:auto;margin:0 0 10px}html[data-page~="search"] .search .b3d{display:none}html[data-page~="search"] .search a.btn span{display:none}html[data-page~="search"] .search a.btn{padding:13px 14px}} html[data-page~="search"] section{padding-block:80px} html[data-page~="search"] .band{background:var(--tint)} html[data-page~="search"] .sec-head{max-width:720px;margin-bottom:40px} html[data-page~="search"] .sec-head h2{font-size:var(--fs-h2)} html[data-page~="search"] .sec-head p{margin-top:10px;color:var(--muted)} html[data-page~="search"] .sec-head.center{margin-inline:auto;text-align:center} @media (max-width:640px){html[data-page~="search"] section{padding-block:56px}} html[data-page~="search"] .steps{list-style:none;margin:0;padding:22px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:48px 22px} html[data-page~="search"] .steps li{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:46px 24px 26px;transition:transform .25s ease,box-shadow .25s ease} html[data-page~="search"] .steps li:hover{transform:translateY(-3px);box-shadow:var(--shadow)} html[data-page~="search"] .steps li:hover .n{transform:rotate(0) scale(1.04)} html[data-page~="search"] .steps .n{position:absolute;top:-28px;left:22px} html[data-page~="search"] .steps li.key{border-color:#f2b9c2;background:linear-gradient(180deg,#fff6f7,var(--surface) 60%)} html[data-page~="search"] .steps li.key .inline-report{margin-top:14px} @media (max-width:900px){html[data-page~="search"] .steps{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="search"] .steps{grid-template-columns:1fr}} html[data-page~="search"] .inline-report{margin-top:14px} @media (max-width:900px){html[data-page~="search"] .steps{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="search"] .steps{grid-template-columns:1fr}} html[data-page~="search"] .inline-report{display:inline-flex;align-items:center;gap:6px;background:none;border:0;padding:0;font:600 var(--fs-sm) var(--f-bn);color:var(--alert-ink);cursor:pointer;text-decoration:underline;text-underline-offset:3px} html[data-page~="search"] .video{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center} html[data-page~="search"] .video .thumb{position:relative;display:block;aspect-ratio:16/9;max-width:100%;border-radius:18px;overflow:hidden;text-decoration:none;container-type:inline-size; background:#0d3314;box-shadow:0 1px 2px rgb(22 32 26/.08),0 28px 50px -24px rgb(13 51 20/.6);outline-offset:4px} html[data-page~="search"] .vt-art{position:absolute;inset:0;width:100%;height:100%;display:block;transition:transform .6s ease} html[data-page~="search"] .video .thumb:hover .vt-art{transform:scale(1.03)} html[data-page~="search"] .vt-copy{position:absolute;left:0;top:0;bottom:0;width:54%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:2.4cqw;padding:0 0 0 5.5cqw;color:#fff} html[data-page~="search"] .vt-brand{display:inline-flex;align-items:center;gap:1.6cqw;align-self:flex-start;font:600 2.6cqw/1 var(--f-bn);color:#d9ffd8;background:rgb(255 255 255/.1);border:1px solid rgb(255 255 255/.22);padding:1cqw 2.2cqw 1cqw 1cqw;border-radius:99px} html[data-page~="search"] .vt-brand img{width:4.4cqw;height:4.4cqw;object-fit:contain;background:#fff;border-radius:50%;padding:.4cqw} html[data-page~="search"] .vt-title{font:800 6.4cqw/1.1 var(--f-bn);white-space:nowrap;letter-spacing:-.01em;text-shadow:0 .4cqw 1.6cqw rgb(0 0 0/.35)} html[data-page~="search"] .vt-title em{display:block;font-style:normal;color:#0d3314;background:#ffd34d;align-self:flex-start;width:max-content;padding:.2cqw 2cqw .9cqw;margin-top:1cqw;border-radius:1.4cqw;transform:rotate(-2deg);text-shadow:none;box-shadow:0 .6cqw 0 #c99a1a} html[data-page~="search"] .vt-tags{display:flex;flex-wrap:nowrap;gap:1cqw} html[data-page~="search"] .vt-tags span{font:600 2.1cqw/1 var(--f-bn);padding:.9cqw 1.6cqw;border-radius:99px;background:rgb(255 255 255/.14);color:#eafbea} html[data-page~="search"] .vt-cta{display:inline-flex;align-items:center;gap:2cqw;font:700 3cqw/1 var(--f-bn);color:#fff;margin-top:.6cqw} html[data-page~="search"] .video .play{width:8cqw;height:8cqw;min-width:40px;min-height:40px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 0 0 1.6cqw rgb(255 255 255/.2),0 1cqw 3cqw rgb(0 0 0/.35);transition:transform .2s;flex:none} html[data-page~="search"] .video .thumb:hover .play{transform:scale(1.08)} html[data-page~="search"] .video .play svg{width:42%;height:42%;margin-left:8%;fill:var(--alert)} html[data-page~="search"] .vt-yt{position:absolute;right:3cqw;top:3cqw;display:inline-flex;align-items:center;gap:1cqw;font:700 2.2cqw/1 var(--f-lat);color:#fff;background:rgb(0 0 0/.35);padding:1.2cqw 1.8cqw;border-radius:99px} html[data-page~="search"] .vt-yt svg{width:3.2cqw;height:3.2cqw;fill:#ff3d3d} @container (max-width:380px){html[data-page~="search"] .vt-tags{display:none}} html[data-page~="search"] .video p{margin-top:14px} html[data-page~="search"] .video .btn{margin-top:22px} @media (max-width:820px){html[data-page~="search"] .video{grid-template-columns:1fr;gap:28px}} html[data-page~="search"] .protect{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} html[data-page~="search"] .pcard{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px;min-width:0} html[data-page~="search"] .pcard .tag{display:flex;align-items:center;gap:12px;margin-bottom:14px} html[data-page~="search"] .shnum{position:relative;width:46px;height:52px;flex:none;display:grid;place-items:center;transition:transform .25s ease} html[data-page~="search"] .shnum svg{position:absolute;inset:0;width:100%;height:100%} html[data-page~="search"] .shnum b{position:relative;font:700 var(--fs-h4)/1 var(--f-bn);color:#fff;margin-top:-3px} html[data-page~="search"] .pcard .tag .lbl{display:flex;flex-direction:column;line-height:1.25} html[data-page~="search"] .pcard .tag .lbl span{font:600 var(--fs-caption) var(--f-bn);color:var(--muted);letter-spacing:.08em} html[data-page~="search"] .pcard .tag .lbl em{font:700 var(--fs-sm) var(--f-bn);color:var(--green-ink);font-style:normal} html[data-page~="search"] .pcard .tag::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--line),transparent)} html[data-page~="search"] .pcard:hover .shnum{transform:translateY(-2px)} html[data-page~="search"] .pcard{transition:transform .25s ease,box-shadow .25s ease} html[data-page~="search"] .pcard:hover{transform:translateY(-3px);box-shadow:var(--shadow)} html[data-page~="search"] .pcard h3{font-size:var(--fs-h4);margin-top:6px} html[data-page~="search"] .pcard p{margin-top:10px;font-size:var(--fs-body);flex:1} html[data-page~="search"] .more{margin-top:16px;font-weight:600;color:var(--green-ink);text-decoration:none;display:inline-flex;align-items:center;gap:6px} html[data-page~="search"] .more:hover{text-decoration:underline;text-underline-offset:3px} @media (max-width:1000px){html[data-page~="search"] .protect{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="search"] .protect{grid-template-columns:1fr}} html[data-page~="search"] .services{display:grid;grid-template-columns:1fr 1fr;gap:18px} html[data-page~="search"] .svc{display:grid;grid-template-columns:64px 1fr;gap:16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:22px} html[data-page~="search"] .svc h3{font-size:var(--fs-h4)} html[data-page~="search"] .svc p{margin-top:8px;font-size:var(--fs-body)} html[data-page~="search"] .features{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px} html[data-page~="search"] .feat{display:flex;align-items:center;gap:10px;padding:14px 16px;border-radius:var(--r);background:var(--surface);border:1px solid var(--line)} html[data-page~="search"] .feat{gap:12px} html[data-page~="search"] .feat h3{font-size:var(--fs-body);font-weight:600} @media (max-width:820px){html[data-page~="search"] .services{grid-template-columns:1fr}html[data-page~="search"] .features{grid-template-columns:1fr 1fr}} html[data-page~="search"] .blogs{display:grid;grid-template-columns:repeat(4,1fr);gap:18px} html[data-page~="search"] .blog{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden} html[data-page~="search"] .blog .blog-art{display:block;width:100%;height:auto;aspect-ratio:330/280;transition:transform .5s ease} html[data-page~="search"] .blog{isolation:isolate} html[data-page~="search"] .blog:hover .blog-art{transform:scale(1.035)} html[data-page~="search"] .blog > svg{border-bottom:1px solid var(--line)} html[data-page~="search"] .blog .b{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1} html[data-page~="search"] .blog time{font:500 var(--fs-caption) var(--f-lat);color:var(--muted)} html[data-page~="search"] .blog h3{font-size:var(--fs-h4);margin-top:4px;flex:1} @media (max-width:1000px){html[data-page~="search"] .blogs{grid-template-columns:1fr 1fr}} @media (max-width:520px){html[data-page~="search"] .blogs{grid-template-columns:1fr}} html[data-page~="search"] .mv{display:grid;grid-template-columns:1fr 1fr;gap:18px} html[data-page~="search"] .mv article{display:grid;grid-template-columns:1fr 150px;gap:18px;align-items:center;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:26px} html[data-page~="search"] .mv h3{font-size:var(--fs-h3)} html[data-page~="search"] .mv p{margin-top:10px} html[data-page~="search"] .mv img{width:100%;height:auto;border-radius:10px;background:var(--frame)} @media (max-width:900px){html[data-page~="search"] .mv{grid-template-columns:1fr}} @media (max-width:480px){html[data-page~="search"] .mv article{grid-template-columns:1fr}html[data-page~="search"] .mv img{max-width:180px}} html[data-page~="search"] .certs{display:grid;grid-template-columns:1.4fr 1fr;gap:18px;align-items:start;max-width:900px;margin-inline:auto} html[data-page~="search"] .cert{border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--frame);cursor:zoom-in;padding:0} html[data-page~="search"] .cert img{display:block;width:100%;height:auto} @media (max-width:640px){html[data-page~="search"] .certs{grid-template-columns:1fr}} html[data-page~="search"] .quotes{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} html[data-page~="search"] .quote{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:24px;margin:0} html[data-page~="search"] .quote .mark{font:800 48px/0.6 Georgia,serif;color:var(--green);height:22px} html[data-page~="search"] .quote blockquote{margin:12px 0 0;color:var(--ink);font-size:var(--fs-body);font-weight:500;flex:1} html[data-page~="search"] .quote figcaption{display:flex;align-items:center;gap:12px;margin-top:18px;padding-top:16px;border-top:1px solid var(--line);line-height:1.4} html[data-page~="search"] .quote figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover} html[data-page~="search"] .quote figcaption b{display:block;color:var(--ink)} html[data-page~="search"] .quote figcaption span{font-size:var(--fs-sm);color:var(--muted)} @media (max-width:900px){html[data-page~="search"] .quotes{grid-template-columns:1fr 1fr}} @media (max-width:600px){html[data-page~="search"] .quotes{grid-template-columns:1fr}} html[data-page~="search"] .faq{max-width:860px;margin-inline:auto;display:grid;gap:10px} html[data-page~="search"] .faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)} html[data-page~="search"] .faq details[open]{border-color:color-mix(in srgb,var(--green) 45%,var(--line))} html[data-page~="search"] .faq summary{list-style:none;cursor:pointer;padding:16px 52px 16px 20px;font-weight:600;color:var(--ink);position:relative} html[data-page~="search"] .faq summary::-webkit-details-marker{display:none} html[data-page~="search"] .faq summary::after{content:"";position:absolute;right:22px;top:50%;width:10px;height:10px;border-right:2px solid var(--green-ink);border-bottom:2px solid var(--green-ink);transform:translateY(-70%) rotate(45deg);transition:transform .2s} html[data-page~="search"] .faq details[open] summary::after{transform:translateY(-30%) rotate(-135deg)} html[data-page~="search"] .faq .a{padding:0 20px 18px} html[data-page~="search"] .faq .a .lbl{font-size:var(--fs-caption);font-weight:700;color:var(--green-ink);letter-spacing:.03em} html[data-page~="search"] .faq ul, html[data-page~="search"] .faq ol{margin:4px 0 0;padding-left:22px} html[data-page~="search"] .contact{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:0;background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden} html[data-page~="search"] .contact .art{position:relative;display:grid;place-items:center;align-content:center;gap:14px;padding:32px 24px; background:radial-gradient(120% 90% at 70% 20%,color-mix(in srgb,var(--green) 22%,var(--surface)) 0%,var(--tint) 55%,var(--surface) 100%);border-left:1px solid var(--line)} html[data-page~="search"] .contact .art::before{content:"";position:absolute;inset:0;background-image:radial-gradient(color-mix(in srgb,var(--green-ink) 22%,transparent) 1px,transparent 1.4px);background-size:16px 16px; -webkit-mask-image:radial-gradient(closest-side,#000,transparent);mask-image:radial-gradient(closest-side,#000,transparent);opacity:.55;pointer-events:none} html[data-page~="search"] .support3d{position:relative;width:min(220px,100%);height:auto;display:block;animation:float 6s ease-in-out infinite} html[data-page~="search"] .support3d .bub{animation:bob 4.5s ease-in-out infinite;transform-origin:190px 48px} @keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}} @keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}} html[data-page~="search"] .art-cap{position:relative;display:inline-flex;align-items:center;gap:8px;font:600 var(--fs-sm) var(--f-bn);color:var(--green-ink);background:var(--surface);border:1px solid var(--line);padding:5px 12px;border-radius:999px;box-shadow:var(--shadow)} html[data-page~="search"] .art-cap::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 25%,transparent)} html[data-page~="search"] .contact .info{padding:36px} html[data-page~="search"] .contact h2{font-size:var(--fs-h2)} html[data-page~="search"] .clist{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:14px} html[data-page~="search"] .clist li{display:grid;grid-template-columns:50px 1fr;gap:16px;align-items:center} html[data-page~="search"] .clist .ic svg{width:20px;height:20px} html[data-page~="search"] .clist .v{font:600 var(--fs-lead) var(--f-lat);color:var(--ink);user-select:all;word-break:break-word} html[data-page~="search"] .clist .v.bn{font-family:var(--f-bn);user-select:text;font-weight:500;line-height:1.5} html[data-page~="search"] .clist small{display:block;font-size:var(--fs-caption);color:var(--muted)} @media (max-width:860px){html[data-page~="search"] .support3d{width:min(180px,100%)}} @media (max-width:760px){html[data-page~="search"] .contact{grid-template-columns:1fr}html[data-page~="search"] .contact .art{order:-1;border-left:0;border-bottom:1px solid var(--line);padding:24px 16px 20px}html[data-page~="search"] .support3d{width:140px}html[data-page~="search"] .contact .info{padding:26px 22px}} html[data-page~="search"] footer{border-top:1px solid var(--line);background:var(--tint-2);padding-block:56px 28px} html[data-page~="search"] .fgrid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px} html[data-page~="search"] footer .logo img{height:64px} html[data-page~="search"] footer p{margin-top:12px;font-size:var(--fs-sm);max-width:36ch} html[data-page~="search"] footer h4{font-size:var(--fs-sm);margin-bottom:10px} html[data-page~="search"] footer ul{list-style:none;margin:0;padding:0;display:grid;gap:6px} html[data-page~="search"] footer ul a{text-decoration:none;font-size:var(--fs-sm);color:var(--body)} html[data-page~="search"] footer ul a:hover{color:var(--green-ink)} html[data-page~="search"] .social{display:flex;gap:8px} html[data-page~="search"] .social a{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;color:var(--muted)} html[data-page~="search"] .social a:hover{color:var(--green-ink);border-color:var(--green)} html[data-page~="search"] .social svg{width:17px;height:17px} html[data-page~="search"] .fbottom{display:flex;flex-wrap:wrap;gap:12px 24px;justify-content:space-between;align-items:center;margin-top:40px;padding-top:20px;border-top:1px solid var(--line);font:var(--fs-caption) var(--f-lat);color:var(--muted)} html[data-page~="search"] .fbottom nav{display:flex;gap:18px;flex-wrap:wrap} html[data-page~="search"] .fbottom a{text-decoration:none} html[data-page~="search"] .fbottom a:hover{color:var(--green-ink)} @media (max-width:900px){html[data-page~="search"] .fgrid{grid-template-columns:1fr 1fr}} @media (max-width:520px){html[data-page~="search"] .fgrid{grid-template-columns:1fr}} html[data-page~="search"] dialog{border:0;padding:0;background:var(--surface);color:var(--body);border-radius:16px;box-shadow:0 30px 80px rgb(0 0 0/.35);width:min(680px,calc(100vw - 24px));max-height:calc(100dvh - 24px)} html[data-page~="search"] dialog::backdrop{background:rgb(10 16 12/.55);backdrop-filter:blur(2px)} html[data-page~="search"] .dlg-head{position:sticky;top:0;z-index:2;display:flex;gap:14px;align-items:flex-start;padding:20px 22px 16px;background:var(--surface);border-bottom:1px solid var(--line)} html[data-page~="search"] .dlg-head .ic{width:42px;height:42px;border-radius:12px} html[data-page~="search"] .dlg-head .ic svg{width:22px;height:22px} html[data-page~="search"] .dlg-head h2{font-size:var(--fs-h4)} html[data-page~="search"] .dlg-head p{font-size:var(--fs-caption);color:var(--muted);line-height:1.5;margin-top:2px} html[data-page~="search"] .x{margin-left:auto;width:38px;height:38px;flex:none;border-radius:8px;border:1px solid var(--line);background:none;color:var(--ink);cursor:pointer;display:grid;place-items:center} html[data-page~="search"] .x svg{width:18px;height:18px} html[data-page~="search"] .dlg-body{padding:20px 22px 24px} html[data-page~="search"] .fgroup{border:0;margin:0 0 6px;padding:0} html[data-page~="search"] .fgroup legend{font-weight:700;color:var(--ink);font-size:var(--fs-body);padding:0;margin-bottom:10px} html[data-page~="search"] .frow{display:grid;grid-template-columns:1fr 1fr;gap:14px} html[data-page~="search"] .field{display:grid;gap:6px;margin-bottom:14px;min-width:0;align-content:start} html[data-page~="search"] .field label{font-weight:600;color:var(--ink);font-size:var(--fs-sm);line-height:1.4} html[data-page~="search"] .field label .req{color:var(--alert)} html[data-page~="search"] .field label .opt{font-weight:400;color:var(--muted);font-size:var(--fs-caption)} html[data-page~="search"] .field input, html[data-page~="search"] .field select, html[data-page~="search"] .field textarea{width:100%;font:500 max(16px,var(--fs-body)) var(--f-bn);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:10px 12px;min-height:46px} html[data-page~="search"] .field input:focus, html[data-page~="search"] .field select:focus, html[data-page~="search"] .field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px color-mix(in srgb,var(--green) 22%,transparent)} html[data-page~="search"] .field textarea{min-height:96px;resize:vertical;line-height:1.6} html[data-page~="search"] .field .hint{font-size:var(--fs-caption);color:var(--muted);line-height:1.5} html[data-page~="search"] .field .err{font-size:var(--fs-caption);color:var(--alert-ink);font-weight:600;line-height:1.45} html[data-page~="search"] .field.bad input, html[data-page~="search"] .field.bad select, html[data-page~="search"] .field.bad textarea{border-color:var(--alert)} html[data-page~="search"] .check{display:inline-flex;align-items:center;gap:8px;font-size:var(--fs-sm);color:var(--body);cursor:pointer;margin-top:2px} html[data-page~="search"] .check input{width:18px;height:18px;min-height:0;accent-color:var(--green)} html[data-page~="search"] .timewrap{display:flex;gap:12px;align-items:center;flex-wrap:wrap} html[data-page~="search"] .timewrap input[type=time]{flex:1;min-width:140px} html[data-page~="search"] .notice{display:flex;gap:10px;font-size:var(--fs-sm);line-height:1.55;padding:12px 14px;border-radius:10px;background:var(--tint);color:var(--body);margin:4px 0 16px} html[data-page~="search"] .notice svg{width:18px;height:18px;flex:none;color:var(--green-ink);margin-top:2px} html[data-page~="search"] .notice.warn{background:var(--amber-soft)} html[data-page~="search"] .notice.warn svg{color:var(--amber)} html[data-page~="search"] .notice.bad{background:var(--alert-soft);color:var(--alert-ink);font-weight:500} html[data-page~="search"] .notice.bad svg{color:var(--alert)} html[data-page~="search"] .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden} html[data-page~="search"] .captcha{margin-top:4px;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:var(--tint-2)} html[data-page~="search"] .captcha legend{float:left;width:100%;margin-bottom:10px} html[data-page~="search"] .cap-row{clear:both;display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap} html[data-page~="search"] #capCanvas{display:block;width:200px;max-width:100%;height:56px;border-radius:8px;border:1.5px solid var(--line);background:#fff} html[data-page~="search"] .cap-new{width:46px;height:46px;flex:none;border-radius:8px;border:1.5px solid var(--line);background:var(--surface);color:var(--green-ink);cursor:pointer;display:grid;place-items:center;margin-bottom:5px} html[data-page~="search"] .cap-new:hover{border-color:var(--green)} html[data-page~="search"] .cap-in{flex:1;min-width:120px;margin-bottom:0} html[data-page~="search"] .cap-in input{font-family:var(--f-lat);font-weight:700;font-size:var(--fs-lead);letter-spacing:.06em} html[data-page~="search"] .captcha.bad #capCanvas, html[data-page~="search"] .captcha.bad .cap-in input{border-color:var(--alert)} html[data-page~="search"] #e-cap{display:block;margin-top:8px;font-size:var(--fs-caption);color:var(--alert-ink);font-weight:600} html[data-page~="search"] .agentbox{border:1px dashed var(--line);border-radius:10px;padding:12px 14px;margin-bottom:16px} html[data-page~="search"] .actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;margin-top:8px} html[data-page~="search"] .actions .btn{padding:12px 20px} html[data-page~="search"] .spin{width:18px;height:18px;border:2.5px solid rgb(255 255 255/.4);border-top-color:#fff;border-radius:50%;animation:sp--search .8s linear infinite} @keyframes sp--search{to{transform:rotate(360deg)}} html[data-page~="search"] .done{text-align:center;padding:12px 4px 4px} html[data-page~="search"] .done .ok{width:64px;height:64px;border-radius:50%;background:var(--green-soft);color:var(--green-ink);display:grid;place-items:center;margin:0 auto 14px} html[data-page~="search"] .done .ok svg{width:32px;height:32px} html[data-page~="search"] .done h3{font-size:var(--fs-h3)} html[data-page~="search"] .refbox{display:inline-flex;align-items:center;gap:10px;margin:16px auto 6px;padding:10px 12px 10px 16px;border:1.5px dashed var(--green);border-radius:10px;background:var(--tint)} html[data-page~="search"] .refbox code{font:700 var(--fs-h4) var(--f-lat);letter-spacing:.04em;color:var(--ink);user-select:all} html[data-page~="search"] .refbox button{border:0;background:var(--green);color:#fff;border-radius:6px;padding:6px 10px;font:600 var(--fs-caption) var(--f-lat);cursor:pointer} html[data-page~="search"] .done ol{text-align:left;max-width:460px;margin:18px auto 0;padding-left:22px;font-size:var(--fs-sm)} html[data-page~="search"] .done ol li+li{margin-top:6px} html[data-page~="search"] #certDlg{width:min(1000px,calc(100vw - 24px));background:var(--frame)} html[data-page~="search"] #certDlg img{display:block;width:100%;height:auto} html[data-page~="search"] #certDlg .x{position:absolute;top:10px;right:10px;background:#fff;color:#111} html[data-page~="search"] .desk-fab{position:fixed;left:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:45;box-shadow:var(--shadow)} html[data-page~="search"] #desk{width:min(1100px,calc(100vw - 24px));height:calc(100dvh - 24px);max-height:none} html[data-page~="search"] #desk[open]{display:flex;flex-direction:column} html[data-page~="search"] #desk .dlg-head .ic{--c1:#4cbf4a;--c2:#22882a;--c3:#1a6e21;--c4:#11521a} html[data-page~="search"] .desk-tools{display:flex;gap:10px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid var(--line)} html[data-page~="search"] .desk-tools input, html[data-page~="search"] .desk-tools select{font:500 max(16px,var(--fs-sm)) var(--f-bn);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:8px 12px;min-height:42px} html[data-page~="search"] .desk-tools input{flex:1;min-width:200px} html[data-page~="search"] .desk-main{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)} html[data-page~="search"] .desk-list{overflow:auto;border-right:1px solid var(--line)} html[data-page~="search"] .desk-detail{overflow:auto;padding:20px 22px} html[data-page~="search"] .chips{display:flex;gap:8px;flex-wrap:wrap;padding:12px 22px;border-bottom:1px solid var(--line);font-size:var(--fs-caption)} html[data-page~="search"] .chip{display:inline-flex;gap:6px;align-items:center;padding:3px 10px;border-radius:999px;background:var(--tint);color:var(--ink);font-weight:600} html[data-page~="search"] .row{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--line);padding:14px 22px;cursor:pointer;color:var(--body);font:inherit} html[data-page~="search"] .row:hover{background:var(--tint-2)} html[data-page~="search"] .row[aria-current="true"]{background:var(--tint);box-shadow:inset 3px 0 0 var(--green)} html[data-page~="search"] .row .t{display:flex;justify-content:space-between;gap:10px;align-items:center} html[data-page~="search"] .row code{font:700 var(--fs-sm) var(--f-lat);color:var(--ink)} html[data-page~="search"] .row .m{font-size:var(--fs-caption);color:var(--muted);line-height:1.5;margin-top:4px} html[data-page~="search"] .pill{display:inline-flex;align-items:center;gap:6px;font:600 var(--fs-caption) var(--f-bn);padding:2px 10px;border-radius:999px;white-space:nowrap} html[data-page~="search"] .pill::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor} html[data-page~="search"] .st-pending{background:var(--amber-soft);color:var(--amber)} html[data-page~="search"] .st-review{background:var(--blue-soft);color:var(--blue)} html[data-page~="search"] .st-verified{background:var(--alert-soft);color:var(--alert-ink)} html[data-page~="search"] .st-rejected{background:var(--tint);color:var(--muted)} html[data-page~="search"] .st-resolved{background:var(--green-soft);color:var(--green-ink)} html[data-page~="search"] .kv{display:grid;grid-template-columns:150px 1fr;gap:8px 14px;font-size:var(--fs-sm);margin-top:14px} html[data-page~="search"] .kv dt{color:var(--muted)} html[data-page~="search"] .kv dd{margin:0;color:var(--ink);font-weight:500;word-break:break-word} html[data-page~="search"] .desk-detail h3{font-size:var(--fs-h4);display:flex;gap:10px;align-items:center;flex-wrap:wrap} html[data-page~="search"] .desk-detail h4{font-size:var(--fs-body);margin-top:22px} html[data-page~="search"] .upd{margin-top:10px;padding:14px;border:1px solid var(--line);border-radius:10px;display:grid;gap:10px} html[data-page~="search"] .upd select, html[data-page~="search"] .upd textarea{width:100%;font:500 max(16px,var(--fs-sm)) var(--f-bn);color:var(--ink);background:var(--bg);border:1.5px solid var(--line);border-radius:8px;padding:9px 12px} html[data-page~="search"] .upd textarea{min-height:70px;resize:vertical} html[data-page~="search"] .trail{list-style:none;margin:10px 0 0;padding:0 0 0 18px;border-left:2px solid var(--line);display:grid;gap:12px} html[data-page~="search"] .trail li{position:relative;font-size:var(--fs-sm);line-height:1.55} html[data-page~="search"] .trail li::before{content:"";position:absolute;left:-24px;top:7px;width:10px;height:10px;border-radius:50%;background:var(--surface);border:2px solid var(--green)} html[data-page~="search"] .trail .w{color:var(--muted);font-size:var(--fs-caption)} html[data-page~="search"] .empty{padding:40px 22px;text-align:center;color:var(--muted)} html[data-page~="search"] .back{display:none} @media (max-width:820px){html[data-page~="search"] .desk-main{grid-template-columns:1fr}html[data-page~="search"] .desk-list{border-right:0}html[data-page~="search"] #desk.show-detail .desk-list{display:none}html[data-page~="search"] #desk:not(.show-detail) .desk-detail{display:none}html[data-page~="search"] .back{display:inline-flex;margin-bottom:12px}html[data-page~="search"] .kv{grid-template-columns:1fr}html[data-page~="search"] .kv dt{margin-top:6px}} @media (max-width:560px){html[data-page~="search"] .frow{grid-template-columns:1fr}html[data-page~="search"] .dlg-head{padding:16px}html[data-page~="search"] .dlg-body{padding:16px}} html[data-page~="search"] .toast{position:fixed;left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:100;background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:600;box-shadow:var(--shadow)} /* ===== search ===== */ html[data-page~="search"] body.public{ margin:0; background:#fff; } html[data-page~="search"] body.public .app, html[data-page~="search"] body.public #toast{ display:none !important; } html[data-page~="search"] #pub .ic{ width:18px; height:18px; flex:none; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; vertical-align:-3px; } html[data-page~="search"] #pub .sr{ position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; } html[data-page~="search"] .sr-main{ background:linear-gradient(180deg,#eef9f1 0,#f6faf7 260px,#fff 520px); padding:28px 0 48px; } html[data-page~="search"] .sr-wrap{ max-width:1080px; margin:0 auto; padding:0 20px; } html[data-page~="search"] .sr-top{ text-align:center; margin-bottom:22px; } html[data-page~="search"] .sr-top h1{ font-size:clamp(28px,4.4vw,42px); color:#16201a; margin:0 0 6px; font-weight:800; } html[data-page~="search"] .sr-top h1 span{ color:#1d7f27; } html[data-page~="search"] .sr-top p{ color:#3d4742; margin:0 0 16px; } html[data-page~="search"] .sr-search{ display:flex; gap:8px; max-width:640px; margin:0 auto; background:#fff; border:1px solid #dfe7e2; border-radius:14px; padding:8px; box-shadow:0 10px 30px -14px rgb(22 32 26/.25); } html[data-page~="search"] .sr-search input{ flex:1; min-width:0; border:0; outline:0; font:500 17px/1.4 "JetBrains Mono","Noto Sans Bengali",monospace; padding:8px 10px; color:#16201a; background:transparent; } html[data-page~="search"] .sr-search button{ display:inline-flex; align-items:center; gap:6px; border:0; border-radius:10px; background:#1d7f27; color:#fff; font:700 15px/1 "Noto Sans Bengali",sans-serif; padding:0 18px; cursor:pointer; } html[data-page~="search"] .sr-search button:hover{ background:#176a20; } html[data-page~="search"] #pubRes{ display:flex; flex-direction:column; gap:16px; } html[data-page~="search"] .sr-empty{ display:flex; gap:12px; align-items:flex-start; background:#fff; border:1px solid #dfe7e2; border-radius:14px; padding:18px; max-width:640px; margin:0 auto; width:100%; } html[data-page~="search"] .sr-empty .ic{ width:24px; height:24px; color:#5b6474; } html[data-page~="search"] .sr-empty.bad{ border-left:4px solid #a8650a; } html[data-page~="search"] .sr-empty p{ margin:4px 0 0; color:#3d4742; font-size:14.5px; } html[data-page~="search"] .sr-empty a{ color:#a3192f; font-weight:700; } html[data-page~="search"] .sr-alert{ display:flex; gap:12px; background:#c62f45; color:#fff; border-radius:14px; padding:16px 18px; box-shadow:0 14px 30px -14px rgba(198,47,69,.7); } html[data-page~="search"] .sr-alert .ic{ width:30px; height:30px; } html[data-page~="search"] .sr-alert b{ font-size:19px; display:block; } html[data-page~="search"] .sr-alert p{ margin:4px 0 0; font-size:14.5px; } html[data-page~="search"] .sr-alert a{ color:#fff; font-weight:700; } html[data-page~="search"] .sr-card{ position:relative; background:#fff; border:1px solid #dfe7e2; border-radius:20px; box-shadow:0 1px 2px rgb(22 32 26/.06),0 18px 40px -22px rgb(22 32 26/.25); overflow:hidden; } html[data-page~="search"] .sr-card::before{ content:""; position:absolute; inset:0; background:url(img/logo.png) center 55%/min(420px,70%) no-repeat; opacity:.045; pointer-events:none; } html[data-page~="search"] .sr-head{ position:relative; display:grid; grid-template-columns:minmax(0,1fr) auto auto; gap:16px; align-items:center; padding:14px 20px; background:linear-gradient(120deg,#0d3314,#16651f 60%,#2aa52c); color:#fff; } html[data-page~="search"] .sr-brand{ display:flex; gap:10px; align-items:center; min-width:0; } html[data-page~="search"] .sr-brand img{ width:46px; height:auto; background:#fff; border-radius:10px; padding:3px; } html[data-page~="search"] .sr-brand b{ display:block; font-family:"DM Sans",sans-serif; font-size:14px; line-height:1.3; } html[data-page~="search"] .sr-brand span{ display:block; font-size:12.5px; color:#d4f5d6; } html[data-page~="search"] .sr-vin{ text-align:right; } html[data-page~="search"] .sr-vin span{ display:block; font-family:"DM Sans",sans-serif; font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:#d4f5d6; } html[data-page~="search"] .sr-vin b{ display:block; font-family:"AVID Mark","JetBrains Mono",monospace; font-size:clamp(22px,3vw,30px); letter-spacing:.06em; line-height:1.15; } html[data-page~="search"] .sr-st{ display:inline-block; margin-top:4px; font-style:normal; font-weight:700; font-size:12.5px; padding:2px 10px; border-radius:20px; background:#fff; } html[data-page~="search"] .sr-st.ok{ color:#1d7f27; } html[data-page~="search"] .sr-st.bad{ color:#c62f45; } html[data-page~="search"] .sr-st.warn{ color:#8a5a0e; } html[data-page~="search"] .sr-qr{ width:84px; height:84px; background:#fff; border-radius:8px; padding:5px; image-rendering:pixelated; } html[data-page~="search"] .sr-strip{ position:relative; display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); border-bottom:1px solid #e6ede8; background:#f7faf8; } html[data-page~="search"] .sr-chip{ display:flex; flex-direction:column; gap:2px; padding:10px 14px; min-width:0; border-left:1px solid #e6ede8; } html[data-page~="search"] .sr-chip:first-child{ border-left:0; } html[data-page~="search"] .sr-chip span{ font-size:11.5px; color:#5b6474; white-space:nowrap; } html[data-page~="search"] .sr-chip b{ font-size:14.5px; color:#16201a; font-weight:700; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } html[data-page~="search"] .sr-chip b.mono{ font-family:"JetBrains Mono",monospace; font-size:13.5px; font-weight:600; } html[data-page~="search"] .sr-chip.ok b{ color:#1d7f27; } html[data-page~="search"] .sr-chip.warn b{ color:#9a5d08; } html[data-page~="search"] .sr-chip.bad b{ color:#c62f45; } html[data-page~="search"] .sr-chip.ok{ box-shadow:inset 0 -3px 0 #1d7f27; } html[data-page~="search"] .sr-chip.warn{ box-shadow:inset 0 -3px 0 #d58b16; } html[data-page~="search"] .sr-chip.bad{ box-shadow:inset 0 -3px 0 #c62f45; } html[data-page~="search"] .sr-note{ position:relative; display:flex; gap:8px; align-items:center; margin:12px 20px 0; padding:8px 12px; border-radius:10px; background:#fff4e0; color:#7f520b; font-size:13.5px; } html[data-page~="search"] .sr-note .ic{ width:16px; height:16px; flex:none; } html[data-page~="search"] .sr-body{ position:relative; display:grid; grid-template-columns:1.1fr 1fr 1fr; gap:12px; padding:14px 20px; } html[data-page~="search"] .sr-panel{ border:1px solid #e3ebe6; border-radius:12px; padding:12px 14px; background:rgba(255,255,255,.94); min-width:0; } html[data-page~="search"] .sr-panel h3{ display:flex; align-items:center; gap:7px; margin:0 0 10px; font-size:14px; color:#16201a; font-weight:700; } html[data-page~="search"] .sr-panel h3 .ic{ color:#1d7f27; width:17px; height:17px; } html[data-page~="search"] .sr-p-spec{ grid-column:1 / -1; } html[data-page~="search"] .sr-fields{ margin:0; display:grid; grid-template-columns:minmax(0,1fr); gap:8px 14px; min-width:0; } html[data-page~="search"] .sr-fields.c2{ grid-template-columns:repeat(2,minmax(0,1fr)); } html[data-page~="search"] .sr-fields .full{ grid-column:1 / -1; } html[data-page~="search"] .sr-fields dt, html[data-page~="search"] .sr-specs dt{ font-size:11.5px; color:#5b6474; margin-bottom:1px; } html[data-page~="search"] .sr-fields dd, html[data-page~="search"] .sr-specs dd{ margin:0; font-size:14px; font-weight:600; color:#16201a; line-height:1.45; word-break:break-word; } html[data-page~="search"] .sr-muted{ color:#5b6474; margin:0; font-size:14px; } html[data-page~="search"] .sr-own{ display:grid; grid-template-columns:64px minmax(0,1fr); gap:12px; align-items:start; } html[data-page~="search"] .sr-av-f{ display:grid; place-items:center; width:64px; aspect-ratio:3/4; border-radius:10px; border:1px solid #dfe7e2; background:#f3f8f4; padding:0; overflow:hidden; cursor:zoom-in; } html[data-page~="search"] .sr-av-f img{ width:100%; height:100%; object-fit:contain; display:block; } html[data-page~="search"] .sr-av-f.none{ cursor:default; align-content:center; gap:2px; } html[data-page~="search"] .sr-av-f.none span{ font-size:24px; font-weight:800; color:#1d7f27; line-height:1; } html[data-page~="search"] .sr-av-f.none small{ font-size:10.5px; color:#5b6474; } html[data-page~="search"] .sr-ph-row{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; } html[data-page~="search"] .sr-ph{ margin:0; } html[data-page~="search"] .sr-ph figcaption{ text-align:center; font-weight:600; color:#1d7f27; font-size:12.5px; margin-top:4px; } html[data-page~="search"] .sr-ph-f{ display:grid; place-items:center; width:100%; aspect-ratio:4/3; border:1px solid #dfe7e2; border-radius:10px; background:#f3f8f4; padding:4px; overflow:hidden; cursor:zoom-in; } html[data-page~="search"] .sr-ph-f img{ width:100%; height:100%; object-fit:contain; display:block; } html[data-page~="search"] .sr-ph-f.none{ cursor:default; position:relative; } html[data-page~="search"] .sr-ph-f.none img{ width:78%; height:auto; opacity:.5; } html[data-page~="search"] .sr-ph-f.none span{ position:absolute; bottom:5px; font-size:11px; color:#5b6474; background:#fff; padding:1px 8px; border-radius:20px; } html[data-page~="search"] .sr-specs{ margin:0; display:grid; grid-template-columns:repeat(auto-fit,minmax(170px,1fr)); gap:8px; } html[data-page~="search"] .sr-specs div{ padding:8px 12px; border-radius:10px; background:#f5f8f6; border:1px solid #e9efeb; min-width:0; } html[data-page~="search"] .sr-foot{ position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:8px 18px; padding:10px 20px 14px; border-top:1px solid #eef3f0; font-size:12.5px; color:#5b6474; } html[data-page~="search"] .sr-decl{ display:flex; align-items:center; gap:6px; margin:0; color:#16201a; font-size:13px; } html[data-page~="search"] .sr-decl .ic{ width:16px; height:16px; color:#1d7f27; flex:none; } html[data-page~="search"] .sr-spons{ display:flex; flex-wrap:wrap; align-items:center; gap:6px; } html[data-page~="search"] .sr-spons > span:first-child{ color:#5b6474; margin-right:2px; } html[data-page~="search"] .sr-sp{ padding:3px 10px; border:1px solid #dfe7e2; border-radius:20px; background:#fff; font-weight:700; color:#16201a; font-size:12.5px; } html[data-page~="search"] .sr-copy{ margin:0; font-size:11.5px; display:flex; flex-direction:column; align-items:flex-end; line-height:1.4; } html[data-page~="search"] .sr-p-photo{ display:flex; flex-direction:column; } html[data-page~="search"] .sr-p-photo .sr-ph-row{ flex:1; align-items:center; } @media (max-width:960px){html[data-page~="search"] .sr-strip{ grid-template-columns:repeat(3,minmax(0,1fr)); }html[data-page~="search"] .sr-chip:nth-child(4){ border-left:0; }html[data-page~="search"] .sr-chip:nth-child(n/**/+4){ border-top:1px solid #e6ede8; }html[data-page~="search"] .sr-body{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="search"] .sr-p-photo{ grid-column:1 / -1; }html[data-page~="search"] .sr-p-photo .sr-ph-row{ grid-template-columns:repeat(2,minmax(0,220px)); }} @media (max-width:640px){html[data-page~="search"] .sr-head{ grid-template-columns:minmax(0,1fr) auto; padding:12px 14px; }html[data-page~="search"] .sr-brand{ grid-column:1 / -1; }html[data-page~="search"] .sr-vin{ text-align:left; }html[data-page~="search"] .sr-strip{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="search"] .sr-chip:nth-child(n){ border-left:1px solid #e6ede8; border-top:1px solid #e6ede8; }html[data-page~="search"] .sr-chip:nth-child(odd){ border-left:0; }html[data-page~="search"] .sr-chip:nth-child(-n/**/+2){ border-top:0; }html[data-page~="search"] .sr-body{ grid-template-columns:minmax(0,1fr); padding:12px 14px; }html[data-page~="search"] .sr-p-photo .sr-ph-row{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="search"] .sr-specs{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="search"] .sr-copy{ align-items:flex-start; }html[data-page~="search"] .sr-foot{ padding:10px 14px 14px; }html[data-page~="search"] .sr-note{ margin:10px 14px 0; }} html[data-page~="search"] .sr-share{ background:#fff; border:1px solid #dfe7e2; border-radius:16px; padding:14px 16px; display:flex; flex-wrap:wrap; gap:12px; align-items:center; justify-content:space-between; } html[data-page~="search"] .sr-share-h b{ display:block; font-size:16px; color:#16201a; } html[data-page~="search"] .sr-share-h span{ font-size:13.5px; color:#3d4742; } html[data-page~="search"] .sr-share-b{ display:flex; flex-wrap:wrap; gap:8px; } html[data-page~="search"] .sr-sh{ display:inline-flex; align-items:center; gap:6px; border:0; border-radius:10px; padding:9px 13px; font:700 14px/1 "Noto Sans Bengali","DM Sans",sans-serif; color:#fff; text-decoration:none; cursor:pointer; } html[data-page~="search"] .sr-sh .ic{ width:18px; height:18px; } html[data-page~="search"] .sr-sh:hover{ filter:brightness(1.08); } html[data-page~="search"] .sr-sh.native{ background:#16201a; } html[data-page~="search"] .sr-sh.fb{ background:#1565d8; } html[data-page~="search"] .sr-sh.ms{ background:#0a58d6; } html[data-page~="search"] .sr-sh.wa{ background:#0b7a4b; } html[data-page~="search"] .sr-sh.tg{ background:#0f6fa3; } html[data-page~="search"] .sr-sh.x{ background:#000; } html[data-page~="search"] .sr-sh.copy{ background:#eef2ef; color:#16201a; } html[data-page~="search"] .sr-zoom{ border:0; border-radius:16px; padding:12px; max-width:min(96vw,1000px); background:#fff; } html[data-page~="search"] .sr-zoom::backdrop{ background:rgba(10,20,14,.75); } html[data-page~="search"] .sr-zoom img{ display:block; max-width:100%; max-height:78vh; object-fit:contain; margin:0 auto; } html[data-page~="search"] .sr-zoom figure{ margin:0; } html[data-page~="search"] .sr-zoom figcaption{ text-align:center; margin-top:8px; font-weight:700; color:#16201a; } html[data-page~="search"] .sr-zoom .x{ position:absolute; right:10px; top:10px; width:36px; height:36px; border-radius:50%; border:0; background:#fff; box-shadow:0 2px 8px rgba(0,0,0,.2); cursor:pointer; display:grid; place-items:center; } @media (max-width:480px){html[data-page~="search"] .sr-search button{ padding:0 12px; }html[data-page~="search"] .sr-brand b{ font-size:13px; }html[data-page~="search"] .sr-sh{ flex:1 1 calc(50% - 8px); justify-content:center; }} @media print{html[data-page~="search"] .sr-share, html[data-page~="search"] .sr-top, html[data-page~="search"] #pub header.hdr, html[data-page~="search"] #pub footer{ display:none !important; }html[data-page~="search"] .sr-main{ background:#fff; }} html[data-page~="search"] .sr-ph-f, html[data-page~="search"] .sr-av-f{ position:relative; } html[data-page~="search"] .sr-ph-f:not(.none) img, html[data-page~="search"] .sr-av-f:not(.none) img{ position:absolute; inset:4px; width:calc(100% - 8px); height:calc(100% - 8px); object-fit:contain; } html[data-page~="search"] .sr-qrok, html[data-page~="search"] .sr-qrbad{ display:flex; gap:12px; align-items:flex-start; border-radius:14px; padding:12px 16px; margin-bottom:14px; } html[data-page~="search"] .sr-qrok{ background:#e9f6ea; border:1px solid #9fd4a4; color:#14501b; } html[data-page~="search"] .sr-qrbad{ background:#fff4e0; border:1px solid #e3b25e; color:#5c3a05; } html[data-page~="search"] .sr-qrok .ic, html[data-page~="search"] .sr-qrbad .ic{ width:26px; height:26px; flex:none; margin-top:2px; } html[data-page~="search"] .sr-qrok b, html[data-page~="search"] .sr-qrbad b{ display:block; font-size:16px; } html[data-page~="search"] .sr-qrok span, html[data-page~="search"] .sr-qrbad span{ font-size:14px; line-height:1.55; } /* ===== e404 ===== */ html[data-page~="e404"]{ --green:#1a6e21; --ink:#16241a; --muted:#4d5b52; --bg:#f4f8f4; } html[data-page~="e404"] *{ box-sizing:border-box; } html[data-page~="e404"] body{ margin:0; min-height:100vh; display:grid; place-items:center; padding:24px 16px; background:var(--bg); color:var(--ink); font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,-apple-system,"Segoe UI",sans-serif; line-height:1.6; } html[data-page~="e404"] main{ max-width:520px; width:100%; background:#fff; border-radius:20px; padding:32px 24px; text-align:center; box-shadow:0 20px 50px -30px rgba(20,60,30,.45); } html[data-page~="e404"] img{ height:56px; width:auto; } html[data-page~="e404"] h1{ font-size:24px; margin:16px 0 6px; } html[data-page~="e404"] p{ color:var(--muted); margin:0 0 22px; font-size:16px; } html[data-page~="e404"] .acts{ display:flex; gap:10px; justify-content:center; flex-wrap:wrap; } html[data-page~="e404"] a.btn{ display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border-radius:12px; font-weight:700; text-decoration:none; font-size:16px; } html[data-page~="e404"] .p{ background:var(--green); color:#fff; } html[data-page~="e404"] .g{ border:1.5px solid #cfe0d1; color:var(--ink); } html[data-page~="e404"] a.btn:focus-visible{ outline:3px solid #f2b705; outline-offset:2px; } /* ===== type ===== */ html[data-page~="type"]{ --navy:#173f22; --navy-deep:#0d2a15; --saffron:#38c037; --saffron-deep:#1d7f27; --ink:#1B2434; --ink-2:#56607A; --ink-3:#6E7688; --paper:#f6faf7; --line:#dfe7e2; --line-2:#e8efea; --green:#1F7A5C; --red:#B23B3B; } html[data-page~="type"] *{ box-sizing:border-box; } html[data-page~="type"] body{ margin:0; font-family:"Noto Sans Bengali","DM Sans",sans-serif; color:var(--ink); background:var(--paper); line-height:1.6; font-size:15px; } html[data-page~="type"] .wrap{ max-width:1080px; margin:0 auto; padding:32px 24px 80px; } html[data-page~="type"] header.top{ display:flex; align-items:center; gap:12px; margin-bottom:26px; } html[data-page~="type"] header.top img{ width:40px; height:40px; background:#fff; border-radius:10px; padding:4px; border:1px solid var(--line); } html[data-page~="type"] header.top b{ font-family:"DM Sans"; font-weight:800; font-size:16px; } html[data-page~="type"] header.top span{ display:block; font-size:12px; color:var(--ink-2); } html[data-page~="type"] h1{ font-family:"DM Sans","Noto Sans Bengali"; font-weight:800; font-size:34px; color:var(--navy); margin:0 0 6px; line-height:1.2; } html[data-page~="type"] h2{ font-family:"DM Sans","Noto Sans Bengali"; font-weight:800; font-size:21px; color:var(--navy); margin:44px 0 12px; } html[data-page~="type"] h3{ font-size:15px; color:var(--navy); margin:0 0 6px; } html[data-page~="type"] p.lead{ font-size:16px; color:var(--ink-2); max-width:760px; margin:0; } html[data-page~="type"] .eyebrow{ font-family:"JetBrains Mono","Noto Sans Bengali"; font-size:12px; font-weight:700; color:var(--saffron-deep); } html[data-page~="type"] .hero{ margin-top:24px; background:linear-gradient(160deg,var(--navy),var(--navy-deep)); border-radius:18px; padding:34px 30px; color:#fff; position:relative; overflow:hidden; } html[data-page~="type"] .hero::before{ content:""; position:absolute; inset:0; background:radial-gradient(420px 200px at 100% 0%,rgba(56,192,55,.28),transparent 60%); } html[data-page~="type"] .hero .big{ position:relative; font-family:"AVID Mark"; font-size:clamp(54px,10vw,112px); line-height:1; letter-spacing:.02em; } html[data-page~="type"] .hero .meta{ position:relative; display:flex; gap:22px; flex-wrap:wrap; margin-top:18px; font-size:13px; color:#B9C6D8; } html[data-page~="type"] .hero .meta b{ color:#fff; } html[data-page~="type"] .metal{ margin-top:16px; border-radius:14px; padding:26px; background:linear-gradient(160deg,#D3D8DD,#8E959C); box-shadow:inset 0 1px 0 rgba(255,255,255,.6),inset 0 -3px 10px rgba(0,0,0,.2); } html[data-page~="type"] .metal svg{ width:100%; height:auto; display:block; } html[data-page~="type"] .metal svg g{ fill:#2B2F35; filter:drop-shadow(0 1px 0 rgba(255,255,255,.6)); } html[data-page~="type"] .metal small{ display:block; margin-top:8px; font-size:12px; color:#2B2F35; } html[data-page~="type"] .card{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:20px; } html[data-page~="type"] .grid2{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } html[data-page~="type"] .grid3{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; } html[data-page~="type"] .glyphs{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; } html[data-page~="type"] .gcell{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:10px; text-align:center; } html[data-page~="type"] .gcell svg{ width:100%; height:auto; display:block; } html[data-page~="type"] .gcell b{ font-family:"JetBrains Mono"; font-size:12px; color:var(--ink-2); } html[data-page~="type"] .pairs{ display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:12px; } html[data-page~="type"] .pair{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:14px 12px; text-align:center; } html[data-page~="type"] .pair .gl{ display:flex; justify-content:center; align-items:flex-end; gap:16px; height:84px; } html[data-page~="type"] .pair .d{ font-family:"AVID Mark"; font-size:78px; line-height:1; color:var(--navy); } html[data-page~="type"] .pair .l{ font-family:Arial,Helvetica,sans-serif; font-size:74px; line-height:1; color:#9AA0AC; font-weight:700; } html[data-page~="type"] .pair p{ font-size:12.5px; color:var(--ink-2); margin:8px 0 0; text-align:left; } html[data-page~="type"] table{ width:100%; border-collapse:collapse; font-size:14px; background:#fff; border:1px solid var(--line); border-radius:12px; overflow:hidden; } html[data-page~="type"] th, html[data-page~="type"] td{ text-align:left; padding:9px 12px; border-bottom:1px solid var(--line-2); vertical-align:top; } html[data-page~="type"] th{ background:#f8fbf9; font-size:12.5px; color:var(--ink-2); } html[data-page~="type"] td .vf{ font-family:"AVID Mark"; font-size:22px; color:var(--navy); } html[data-page~="type"] .note{ background:#FFF8E8; border:1px dashed #D9B86A; border-radius:10px; padding:12px 14px; font-size:13.5px; color:#6B4308; margin-top:12px; } html[data-page~="type"] .note.blue{ background:#EAF0F7; border-color:#B8CBE2; color:#1F3F66; } html[data-page~="type"] .dl{ display:flex; gap:10px; flex-wrap:wrap; margin-top:12px; } html[data-page~="type"] .btn{ display:inline-flex; align-items:center; gap:8px; height:40px; padding:0 16px; border-radius:9px; font-weight:600; font-size:14px; text-decoration:none; border:1px solid var(--line); background:#fff; color:var(--ink); cursor:pointer; font-family:inherit; } html[data-page~="type"] .btn.primary{ background:var(--navy); color:#fff; border-color:var(--navy); } html[data-page~="type"] .sizes{ display:flex; gap:18px; align-items:flex-end; flex-wrap:wrap; background:#fff; border:1px solid var(--line); border-radius:12px; padding:18px; } html[data-page~="type"] .sizes div{ text-align:center; } html[data-page~="type"] .sizes span{ font-family:"AVID Mark"; color:var(--navy); display:block; line-height:1; } html[data-page~="type"] .sizes small{ font-size:11.5px; color:var(--ink-3); } html[data-page~="type"] ul.check{ padding-left:18px; margin:6px 0 0; } html[data-page~="type"] ul.check li{ margin:3px 0; } html[data-page~="type"] .legend{ display:flex; gap:16px; flex-wrap:wrap; font-size:12.5px; color:var(--ink-2); margin:8px 0 12px; } html[data-page~="type"] .legend i{ display:inline-block; width:14px; height:3px; vertical-align:middle; margin-right:6px; } @media (max-width:820px){html[data-page~="type"] .glyphs, html[data-page~="type"] .pairs{ grid-template-columns:repeat(2,minmax(0,1fr)); }html[data-page~="type"] .grid2, html[data-page~="type"] .grid3{ grid-template-columns:1fr; }} html[data-page~="type"] .refs{ display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; } html[data-page~="type"] .ref{ background:#fff; border:1px solid var(--line); border-radius:14px; padding:16px 18px; } html[data-page~="type"] .ref.win{ border:2px solid var(--saffron-deep); background:linear-gradient(160deg,#FFFCF6,#FFF8EB); } html[data-page~="type"] .ref h3{ display:flex; justify-content:space-between; align-items:center; gap:8px; } html[data-page~="type"] .ref .tagx{ font-size:11.5px; font-weight:600; padding:2px 8px; border-radius:6px; background:#eef9f1; color:var(--navy); } html[data-page~="type"] .ref.win .tagx{ background:var(--saffron); color:#0b2e10; } html[data-page~="type"] .ref .s1{ font-size:44px; line-height:1.15; color:var(--navy); white-space:nowrap; overflow:hidden; } html[data-page~="type"] .ref .s2{ font-size:30px; line-height:1.2; color:#6E7688; letter-spacing:.06em; margin-top:4px; } html[data-page~="type"] .ref p{ font-size:13px; color:var(--ink-2); margin:8px 0 0; } html[data-page~="type"] .ref .fe{ height:96px; display:grid; place-items:center; border:1px dashed var(--line); border-radius:10px; color:var(--ink-3); font-size:13px; text-align:center; padding:8px; } html[data-page~="type"] .score td:not(:first-child), html[data-page~="type"] .score th:not(:first-child){ text-align:center; } html[data-page~="type"] .y{ color:var(--green); font-weight:700; } html[data-page~="type"] .n{ color:var(--red); font-weight:700; } html[data-page~="type"] .p{ color:#9A6412; font-weight:700; } html[data-page~="type"] .score th.win, html[data-page~="type"] .score td.win{ background:#FFF8EB; } @media (max-width:820px){html[data-page~="type"] .refs{ grid-template-columns:1fr; }html[data-page~="type"] .ref .s1{ font-size:34px; }} @media print{html[data-page~="type"] body{ background:#fff; }html[data-page~="type"] .dl{ display:none; }html[data-page~="type"] .hero{ -webkit-print-color-adjust:exact; print-color-adjust:exact; }} /* ===== app, apply, reg, search, site ===== */ html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-ov{ position:fixed; inset:0; z-index:10050; background:rgba(12,25,18,.55); display:grid; place-items:center; padding:16px; font-family:"Noto Sans Bengali","Hind Siliguri","DM Sans",sans-serif; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-card{ position:relative; width:min(460px,100%); background:#fff; color:#16201a; border-radius:18px; padding:20px 20px 16px; box-shadow:0 24px 60px -20px rgba(0,0,0,.45); } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-h{ display:flex; flex-direction:column; gap:3px; padding-right:60px; margin-bottom:12px; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-h b{ font-size:17px; color:#0d3314; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-h span{ font-size:13.5px; color:#3d4742; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-h span b{ font-size:14px; color:#16201a; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-st{ display:flex; gap:10px; align-items:flex-start; margin:0 0 12px; font-size:14.5px; line-height:1.6; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-st.bad{ color:#a3192f; font-weight:600; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-note{ margin:10px 0 0; font-size:13px; color:#7f520b; background:#fff4e0; border-radius:10px; padding:8px 10px; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-spin{ flex:none; width:18px; height:18px; margin-top:3px; border-radius:50%; border:3px solid #cfe9d6; border-top-color:#1d7f27; animation:avp-r .9s linear infinite; } @keyframes avp-r{ to{ transform:rotate(360deg); } } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-btn{ display:inline-flex; align-items:center; justify-content:center; gap:6px; min-height:44px; padding:0 18px; border:0; border-radius:11px; background:#1d7f27; color:#fff; font:700 15px/1 inherit; font-family:inherit; text-decoration:none; cursor:pointer; margin:4px 8px 4px 0; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-btn.ghost{ background:#eef5f0; color:#0d3314; border:1px solid #cfe0d5; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-btn:disabled{ opacity:.6; cursor:default; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-lb{ display:block; margin:10px 0 4px; font-size:13px; font-weight:600; color:#3d4742; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-in{ width:100%; box-sizing:border-box; height:44px; border:1.5px solid #cfe0d5; border-radius:10px; padding:0 12px; font:500 15px "JetBrains Mono",monospace; margin-bottom:8px; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-x{ position:absolute; top:14px; right:14px; border:0; background:#f1f4f2; color:#16201a; border-radius:9px; padding:6px 10px; font:600 13px inherit; font-family:inherit; cursor:pointer; } @media (prefers-reduced-motion:reduce){html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"],[data-page~="site"]) .avp-spin{ animation:none; }} /* ===== install, payret ===== */ html:is([data-page~="install"],[data-page~="payret"]) body{ margin:0; min-height:100vh; display:grid; place-items:center; padding:16px; box-sizing:border-box; background:linear-gradient(180deg,#eef9f1,#fff); font-family:"Noto Sans Bengali","Hind Siliguri",system-ui,sans-serif; color:#16201a; } html:is([data-page~="install"],[data-page~="payret"]) .pr-box, html:is([data-page~="install"],[data-page~="payret"]) .in-box{ width:min(520px,100%); background:#fff; border:1px solid #dfe7e2; border-radius:20px; padding:28px 24px; box-shadow:0 18px 40px -22px rgba(22,32,26,.25); text-align:center; } html:is([data-page~="install"],[data-page~="payret"]) .pr-ic{ width:64px; height:64px; margin:0 auto 12px; border-radius:50%; display:grid; place-items:center; font-size:32px; font-weight:800; color:#fff; background:#1d7f27; } html:is([data-page~="install"],[data-page~="payret"]) .pr-box.bad .pr-ic{ background:#c62f45; } html:is([data-page~="install"],[data-page~="payret"]) .pr-box h1, html:is([data-page~="install"],[data-page~="payret"]) .in-box h1{ margin:0 0 8px; font-size:22px; color:#0d3314; } html:is([data-page~="install"],[data-page~="payret"]) .pr-box p{ margin:6px 0; line-height:1.6; } html:is([data-page~="install"],[data-page~="payret"]) .pr-note{ font-size:13.5px; color:#3d4742; } html:is([data-page~="install"],[data-page~="payret"]) .pr-ref{ font-size:12px; color:#5b6474; font-family:"JetBrains Mono",monospace; } html:is([data-page~="install"],[data-page~="payret"]) .pr-box button, html:is([data-page~="install"],[data-page~="payret"]) .in-box button{ margin-top:14px; min-height:44px; padding:0 22px; border:0; border-radius:11px; background:#1d7f27; color:#fff; font:700 15px inherit; font-family:inherit; cursor:pointer; } html:is([data-page~="install"],[data-page~="payret"]) .in-box{ text-align:left; } html:is([data-page~="install"],[data-page~="payret"]) .in-box form{ display:flex; flex-direction:column; gap:8px; margin-top:12px; } html:is([data-page~="install"],[data-page~="payret"]) .in-box label{ font-size:13.5px; font-weight:600; } html:is([data-page~="install"],[data-page~="payret"]) .in-box input{ height:44px; border:1.5px solid #cfe0d5; border-radius:10px; padding:0 12px; font-size:15px; } html:is([data-page~="install"],[data-page~="payret"]) .in-box code{ background:#f1f4f2; border-radius:6px; padding:1px 6px; font-size:13px; } html:is([data-page~="install"],[data-page~="payret"]) .in-steps{ list-style:none; padding:0; margin:12px 0; display:flex; flex-direction:column; gap:6px; } html:is([data-page~="install"],[data-page~="payret"]) .in-steps li{ padding:8px 12px; border-radius:10px; font-size:14px; } html:is([data-page~="install"],[data-page~="payret"]) .in-steps li.ok{ background:#e7f6e9; color:#155c1d; } html:is([data-page~="install"],[data-page~="payret"]) .in-steps li.bad{ background:#fde8eb; color:#a3192f; } html:is([data-page~="install"],[data-page~="payret"]) .in-ok, html:is([data-page~="install"],[data-page~="payret"]) .in-err, html:is([data-page~="install"],[data-page~="payret"]) .in-warn{ padding:10px 12px; border-radius:10px; font-size:14px; } html:is([data-page~="install"],[data-page~="payret"]) .in-ok{ background:#e7f6e9; color:#155c1d; } html:is([data-page~="install"],[data-page~="payret"]) .in-err{ background:#fde8eb; color:#a3192f; } html:is([data-page~="install"],[data-page~="payret"]) .in-warn{ background:#fff4e0; color:#7f520b; } /* ===== app, apply, reg, search · keep last ===== */ html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) img[src^="data:image/jpeg"], html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) img[src^="data:image/webp"], html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) img[src^="data:image/png"], html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) img[src^="blob:"], html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) img.user-img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .up-prev img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .idc-ph img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .rec-ic.ph img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .pphoto .av img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .pc-av img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .up .pv img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .aa-ph, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .aa-head img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .aa-docs img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .tr-th img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .doc-view img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .cam-v img{ object-fit:contain !important; object-position:center !important; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .up-prev img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .idc-ph img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .rec-ic.ph img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .pphoto .av img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .pc-av img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .up .pv img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .aa-ph, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .aa-head img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .aa-docs img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .tr-th img{ background:#F1EEE6 !important; } html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .avc-own .avc-pp img, html:is([data-page~="app"],[data-page~="apply"],[data-page~="reg"],[data-page~="search"]) .avc-phc .avc-im img{ object-fit:contain !important; object-position:center !important; background:#fff !important; } /* MOBILEFIX:BEGIN */ html{ -webkit-text-size-adjust:100%; text-size-adjust:100%; scroll-padding-top:96px; scroll-padding-bottom:110px; } @media (max-width:1024px), (pointer:coarse){ input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]), select, textarea{ font-size:16px !important; } button, a, [role=button], .chip, input, select, textarea, label{ touch-action:manipulation; } } /* MOBILEFIX:END */