@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Source+Code+Pro:ital,wght@0,200..900;1,200..900&display=swap";:root{--dark-0: #151515;--dark-1: #181818;--dark-2: #202020;--dark-3: #252525;--dark-4: #303030;--dark-5: #353535;--gray-0: #f8f9fa;--gray-1: #f1f3f5;--gray-2: #e9ecef;--gray-3: #dee2e6;--gray-4: #ced4da;--gray-5: #adb5bd;--gray-6: #868e96;--gray-7: #495057;--gray-8: #343a40;--gray-9: #212529;--red-0: #fff5f5;--red-1: #ffe3e3;--red-2: #ffc9c9;--red-3: #ffa8a8;--red-4: #ff8787;--red-5: #ff6b6b;--red-6: #fa5252;--red-7: #f03e3e;--red-8: #e03131;--red-9: #c92a2a;--pink-0: #fff0f6;--pink-1: #ffdeeb;--pink-2: #fcc2d7;--pink-3: #faa2c1;--pink-4: #f783ac;--pink-5: #f06595;--pink-6: #e64980;--pink-7: #d6336c;--pink-8: #c2255c;--pink-9: #a61e4d;--grape-0: #f8f0fc;--grape-1: #f3d9fa;--grape-2: #eebefa;--grape-3: #e599f7;--grape-4: #da77f2;--grape-5: #cc5de8;--grape-6: #be4bdb;--grape-7: #ae3ec9;--grape-8: #9c36b5;--grape-9: #862e9c;--violet-0: #f3f0ff;--violet-1: #e5dbff;--violet-2: #d0bfff;--violet-3: #b197fc;--violet-4: #9775fa;--violet-5: #845ef7;--violet-6: #7950f2;--violet-7: #7048e8;--violet-8: #6741d9;--violet-9: #5f3dc4;--indigo-0: #edf2ff;--indigo-1: #dbe4ff;--indigo-2: #bac8ff;--indigo-3: #91a7ff;--indigo-4: #748ffc;--indigo-5: #5c7cfa;--indigo-6: #4c6ef5;--indigo-7: #4263eb;--indigo-8: #3b5bdb;--indigo-9: #364fc7;--blue-0: #e7f5ff;--blue-1: #d0ebff;--blue-2: #a5d8ff;--blue-3: #74c0fc;--blue-4: #4dabf7;--blue-5: #339af0;--blue-6: #228be6;--blue-7: #1c7ed6;--blue-8: #1971c2;--blue-9: #1864ab;--cyan-0: #e3fafc;--cyan-1: #c5f6fa;--cyan-2: #99e9f2;--cyan-3: #66d9e8;--cyan-4: #3bc9db;--cyan-5: #22b8cf;--cyan-6: #15aabf;--cyan-7: #1098ad;--cyan-8: #0c8599;--cyan-9: #0b7285;--teal-0: #e6fcf5;--teal-1: #c3fae8;--teal-2: #96f2d7;--teal-3: #63e6be;--teal-4: #38d9a9;--teal-5: #20c997;--teal-6: #12b886;--teal-7: #0ca678;--teal-8: #099268;--teal-9: #087f5b;--green-0: #ebfbee;--green-1: #d3f9d8;--green-2: #b2f2bb;--green-3: #8ce99a;--green-4: #69db7c;--green-5: #51cf66;--green-6: #40c057;--green-7: #37b24d;--green-8: #2f9e44;--green-9: #2b8a3e;--lime-0: #f4fce3;--lime-1: #e9fac8;--lime-2: #d8f5a2;--lime-3: #c0eb75;--lime-4: #a9e34b;--lime-5: #94d82d;--lime-6: #82c91e;--lime-7: #74b816;--lime-8: #66a80f;--lime-9: #5c940d;--yellow-0: #fff9db;--yellow-1: #fff3bf;--yellow-2: #ffec99;--yellow-3: #ffe066;--yellow-4: #ffd43b;--yellow-5: #fcc419;--yellow-6: #fab005;--yellow-7: #f59f00;--yellow-8: #f08c00;--yellow-9: #e67700;--orange-0: #fff4e6;--orange-1: #ffe8cc;--orange-2: #ffd8a8;--orange-3: #ffc078;--orange-4: #ffa94d;--orange-5: #ff922b;--orange-6: #fd7e14;--orange-7: #f76707;--orange-8: #e8590c;--orange-9: #d9480f}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--dark-1)}.navigation[data-v-6485dc13]{display:flex;align-items:center;justify-content:space-between;margin:auto;max-width:1380px;padding:20px}.profile-container[data-v-6485dc13]{display:flex;align-items:center;justify-content:center;gap:5px}.profile-image[data-v-6485dc13]{width:38px;height:38px}.profile-name[data-v-6485dc13]{font-family:Poppins;font-size:18px;font-weight:600;color:#fff}.navigation-container[data-v-6485dc13]{display:flex;align-items:stretch;justify-content:center;gap:10px}.navigation-button[data-v-6485dc13]{font-family:Poppins;font-size:14px;font-weight:500;color:#fff;text-decoration:none;background:#ffffff06;border:.75px solid rgba(255,255,255,.075);padding:6px 12px;border-radius:8px;transition:all .25s ease-in-out}.navigation-button[data-v-6485dc13]:hover{background:#ffffff09;border:.75px solid rgba(255,255,255,.085)}.status-button[data-v-6485dc13]{display:flex;align-items:center;justify-content:center;gap:8px;font-family:Poppins;font-size:14px;font-weight:500;color:#fff;text-decoration:none;background:#ffffff06;border:.75px solid rgba(255,255,255,.075);padding:6px 12px;border-radius:8px;transition:all .25s ease-in-out}.status-button[data-v-6485dc13]:hover{background:#ffffff09;border:.75px solid rgba(255,255,255,.085)}.status-circle[data-v-6485dc13]{width:12px;height:12px;border-radius:50%;background:var(--green-6);border:2px solid var(--green-4)}.mode-button[data-v-6485dc13]{display:flex;align-items:center;justify-content:center;background:#ffffff06;border:.75px solid rgba(255,255,255,.075);padding:6px 12px;border-radius:8px;transition:all .25s ease-in-out;cursor:pointer}.mode-button[data-v-6485dc13]:hover{background:#ffffff09;border:.75px solid rgba(255,255,255,.085)}.mode-icon[data-v-6485dc13]{color:#fff;width:18px;height:18px}.navigation-mobile[data-v-6485dc13]{display:none;align-items:center;justify-content:center;background:#ffffff06;padding:8px;border-radius:8px;position:relative;cursor:pointer}.navigation-icon[data-v-6485dc13]{color:#fff;width:24px;height:24px}@media (max-width: 900px){.navigation-container[data-v-6485dc13]{display:none}.navigation-mobile[data-v-6485dc13]{display:flex}}.developer-tag[data-v-7e4c841c]{display:flex;align-items:center;justify-content:center;gap:5px;font-family:Poppins;font-size:14px;font-weight:400;color:#fff;background:#ffffff06;border:1px solid rgba(255,255,255,.05);padding:6px 10px;border-radius:8px}.tag-icon[data-v-7e4c841c]{width:22px;height:22px}@media (max-width: 900px){.developer-tag[data-v-7e4c841c]{flex:1;padding:6px 8px;font-size:12px}.tag-icon[data-v-7e4c841c]{width:20px;height:20px}}.introduction[data-v-11f0c888]{display:flex;align-items:flex-start;justify-content:space-between;margin:25px auto auto;gap:25px;max-width:1380px;padding:20px}.text-container[data-v-11f0c888]{display:flex;align-items:flex-start;flex-direction:column;margin-top:50px}.tag-container[data-v-11f0c888]{display:flex;align-items:stretch;justify-content:flex-start;margin-top:15px;gap:10px}.introduction-title[data-v-11f0c888]{font-family:Poppins;font-size:50px;font-weight:700;color:#fff}.introduction-tagline[data-v-11f0c888]{font-family:Poppins;font-size:16px;font-weight:400;color:#fffc}.button-container[data-v-11f0c888]{margin-top:20px}.work-button[data-v-11f0c888]{display:flex;align-items:center;justify-content:center;gap:5px;font-family:Poppins;font-size:14px;font-weight:400;color:#fff;background:linear-gradient(135deg,var(--indigo-6) 20%,var(--violet-8));padding:8px 10px;border-radius:8px;border:none;cursor:pointer;transition:all .25s ease-in-out}.work-button[data-v-11f0c888]:hover{filter:brightness(110%)}.work-button[data-v-11f0c888]:active{transform:scale(.95)}.code-container[data-v-11f0c888]{position:relative;line-height:2;background:#ffffff06;border:1px solid rgba(255,255,255,.05);padding:20px 30px;border-radius:8px;overflow:hidden;box-shadow:#00000059 0 5px 15px}.glow[data-v-11f0c888]{z-index:-1;position:absolute;margin:auto;width:400px;height:200px;top:0;left:0;right:0;bottom:0;border-radius:10px;background:linear-gradient(135deg,var(--violet-6) 45%,var(--indigo-6));filter:blur(65px);transition:all .25s ease-in-out}.code-container:hover .glow[data-v-11f0c888]{filter:blur(75px)}.code-container pre[data-v-11f0c888]{display:flex;align-items:center;font-family:Source Code Pro;font-size:14px;font-weight:400;color:#fff}.code-container pre p[data-v-11f0c888]{color:#ffffff40}@media (max-width: 900px){.introduction[data-v-11f0c888]{align-items:stretch;flex-direction:column}.text-container[data-v-11f0c888]{align-items:center;text-align:center;margin-top:0}.introduction-title[data-v-11f0c888]{font-size:40px}.introduction-tagline[data-v-11f0c888]{font-size:14px}.work-button[data-v-11f0c888]{display:none}.tag-container[data-v-11f0c888]{align-items:center;justify-content:center;flex-wrap:wrap;width:75%}.code-container[data-v-11f0c888]{padding:15px}.code-container pre[data-v-11f0c888]{font-size:10px}}.qualities[data-v-ab72a316]{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(1,1fr);gap:20px;margin:50px auto auto;max-width:1380px;padding:20px}.quality[data-v-ab72a316]{display:flex;flex-direction:column;align-items:flex-start;gap:10px;background:#ffffff06;border:1px solid rgba(255,255,255,.05);border-radius:8px;padding:20px;position:relative}.quality-icon[data-v-ab72a316]{color:#fff;width:30px;height:30px}.quality-heading[data-v-ab72a316]{font-family:Poppins;font-size:18px;font-weight:600;color:#fff}.quality-description[data-v-ab72a316]{font-family:Poppins;font-size:14px;font-weight:400;color:#fffc}.quality[data-v-ab72a316]:after{animation:borderpath-ab72a316 3s linear infinite;border:1px solid var(--violet-4);border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:all .5s;z-index:-1}.quality[data-v-ab72a316]:before{animation:borderpath-ab72a316 3s linear -1.5s infinite;border:1px solid var(--violet-4);border-radius:10px;bottom:-2px;content:"";left:-2px;opacity:0;position:absolute;right:-2px;top:-2px;transition:all .5s;z-index:-1}.quality[data-v-ab72a316]:hover:before,.quality[data-v-ab72a316]:hover:after{opacity:1}@keyframes borderpath-ab72a316{0%,to{-webkit-clip-path:inset(0 0 98% 0);clip-path:inset(0 0 98% 0)}25%{-webkit-clip-path:inset(0 98% 0 0);clip-path:inset(0 98% 0 0)}50%{-webkit-clip-path:inset(98% 0 0 0);clip-path:inset(98% 0 0 0)}75%{-webkit-clip-path:inset(0 0 0 98%);clip-path:inset(0 0 0 98%)}}@media (max-width: 900px){.qualities[data-v-ab72a316]{grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);margin-top:15px}}@media (max-width: 600px){.qualities[data-v-ab72a316]{grid-template-columns:repeat(1,1fr);grid-template-rows:repeat(4,1fr);margin-top:15px}}