:root{text-shadow:10px 10px 10px #000;--header-height:180px;font-family:Google Sans;font-size:18px;font-weight:400;line-height:1.8}html,body{overflow-x:hidden}*{box-sizing:border-box}body{background:linear-gradient(#16161a,#242629,#16161a);margin:0}html{scroll-padding-top:120px}.active{text-decoration:underline}h1,h2{color:#fffffe;font-weight:500}h1{font-size:3.2em}h2{font-size:24px}p{color:#94a1b2;margin:0;font-size:1.4em}a{color:#94a1b2;-webkit-text-decoration:inherit;text-decoration:inherit;transition:transform .3s;display:inline-block}a:hover{transform:scale(1.1)}main{flex:1;width:100%;margin:0;padding:0}button{cursor:pointer;background-color:#7f5af0;border:none;border-radius:5px;padding:20px 30px;font-size:16px}#app{text-align:center;box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0;display:flex}#home{min-height:100vh;padding-top:calc(var(--header-height) + 50px);box-sizing:border-box;background:0 0;margin:0}#about{box-sizing:border-box;background:0 0;min-height:100vh;margin:0;padding:50px}#project{box-sizing:border-box;background:0 0;min-height:80vh;margin:0;padding:50px}#contact{box-sizing:border-box;background:0 0;min-height:75vh;margin:0;padding:30px 50px}@media (width<=768px){:root{--header-height:140px}#about,#project,#contact{padding:40px 20px}#home{padding-top:180px}html{scroll-padding-top:80px}p{font-size:1.1em}h1{font-size:2em}}@media (width>=769px) and (width<=1024px){:root{--header-height:120px}}.header[data-v-9657d0a7]{height:var(--header-height);z-index:1000;background-color:#16161a;justify-content:space-between;align-items:center;padding:0 30px;display:flex;position:fixed;top:0;left:0;right:0;box-shadow:0 3px 30px #7f5af0}nav[data-v-9657d0a7]{display:flex}nav a[data-v-9657d0a7]{margin:0 15px}.logo[data-v-9657d0a7]{filter:drop-shadow(10px 10px 10px #000);max-width:100%;height:130px}.burger[data-v-9657d0a7]{cursor:pointer;width:30px;height:25px;display:none;position:relative}.burger span[data-v-9657d0a7]{background:#fff;width:100%;height:3px;transition:all .3s;position:absolute;left:0}.burger span[data-v-9657d0a7]:first-child{top:0}.burger span[data-v-9657d0a7]:nth-child(2){top:10px}.burger span[data-v-9657d0a7]:nth-child(3){top:20px}.burger.open span[data-v-9657d0a7]:first-child{top:10px;transform:rotate(45deg)}.burger.open span[data-v-9657d0a7]:nth-child(2){opacity:0}.burger.open span[data-v-9657d0a7]:nth-child(3){top:10px;transform:rotate(-45deg)}@media (width<=768px){.header[data-v-9657d0a7]{flex-direction:row;height:auto;padding:20px}h1[data-v-9657d0a7]{font-size:18px}.logo[data-v-9657d0a7]{height:80px}.burger[data-v-9657d0a7]{display:block}nav[data-v-9657d0a7]{background:#16161a;flex-direction:column;align-items:center;width:100%;padding:20px 0;display:none;position:absolute;top:100%;left:0}nav.open[data-v-9657d0a7]{display:flex}nav a[data-v-9657d0a7]{margin:10px 0;font-size:18px}}@media (width>=769px) and (width<=1024px){.header[data-v-9657d0a7]{justify-content:space-between;height:120px;padding:0 20px}.logo[data-v-9657d0a7]{height:90px}h1[data-v-9657d0a7]{font-size:20px}.burger[data-v-9657d0a7]{display:block}nav[data-v-9657d0a7]{background:#16161a;flex-direction:column;align-items:center;width:100%;padding:20px 0;display:none;position:absolute;top:100%;left:0}nav.open[data-v-9657d0a7]{display:flex}nav a[data-v-9657d0a7]{margin:10px 0;font-size:18px}}.footer[data-v-077ed16e]{text-align:center;background-color:#16161a;padding:20px;box-shadow:0 -3px 30px #7f5af0}.social[data-v-077ed16e]{flex-direction:row;justify-content:center;gap:15px;display:flex}.icon[data-v-077ed16e]{height:50px}.icon[data-v-077ed16e]:hover{filter:drop-shadow(10px 10px 10px #7f5af0)}.pp[data-v-7e0bb368]{filter:drop-shadow(10px 10px 10px #000);border-radius:50%;height:350px}@media (width<=768px){.pp[data-v-7e0bb368]{height:200px}}@media (width>=769px) and (width<=1024px){.container[data-v-7e0bb368]{padding-top:150px}}.container[data-v-d359b8c8]{justify-content:space-around;align-items:center;gap:50px;display:flex}.aboutPic[data-v-d359b8c8]{border-radius:5px;max-height:500px;box-shadow:10px 10px 20px #000}.bio[data-v-d359b8c8]{max-width:750px}@media (width<=768px){.container[data-v-d359b8c8]{text-align:center;flex-direction:column}.aboutPic[data-v-d359b8c8]{max-width:350px}}@media (width>=769px) and (width<=1024px){.container[data-v-d359b8c8]{text-align:center;flex-direction:column}.aboutPic[data-v-d359b8c8]{max-width:600px}}.modal-enter-active[data-v-dade1dad],.modal-leave-active[data-v-dade1dad]{transition:opacity .3s}.modal-enter-from[data-v-dade1dad],.modal-leave-to[data-v-dade1dad]{opacity:0}.modal-inner[data-v-dade1dad]{transition:all .3s;transform:scale(1)}.modal-enter-from .modal-inner[data-v-dade1dad],.modal-leave-to .modal-inner[data-v-dade1dad]{opacity:0;transform:scale(.8)}.modal[data-v-dade1dad]{z-index:2000;background:#0009;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modal-inner[data-v-dade1dad]{color:#fff;text-align:center;background:#1e1e1e;border-radius:10px;width:300px;max-width:90%;max-height:85vh;padding:20px;position:relative;overflow-y:auto}.modal-image[data-v-dade1dad]{object-fit:cover;border-radius:8px;width:100%;margin:10px 0;box-shadow:10px 10px 20px #000}.modal-inner button[data-v-dade1dad]{color:#fff;cursor:pointer;background:0 0;border:none;font-size:18px;position:absolute;top:10px;right:10px}p[data-v-dade1dad]{font-size:medium}.buttons[data-v-dade1dad]{justify-content:center;gap:15px;margin-top:20px;display:flex}.btn[data-v-dade1dad]{cursor:pointer;border-radius:8px;padding:10px 15px;font-size:14px;text-decoration:none;transition:all .3s}.btn.demo[data-v-dade1dad]{color:#fff;background:#7f5af0}.btn.github[data-v-dade1dad]{color:#7f5af0;background:0 0;border:2px solid #7f5af0}.btn[data-v-dade1dad]:hover{transform:translateY(-2px)}.btn.demo[data-v-dade1dad]:hover{background:#6c4de0}.btn.github[data-v-dade1dad]:hover{color:#fff;background:#7f5af0}@media (width<=768px){.modal-image[data-v-dade1dad]{max-width:180px}}.projects[data-v-086e9c2a]{justify-content:center;gap:20px;display:flex}.card[data-v-086e9c2a]{background:#16161a;border-radius:12px;flex-direction:column;justify-content:space-around;align-items:center;width:300px;height:300px;transition:transform .3s,box-shadow .3s;display:flex;overflow:hidden;box-shadow:10px 10px 20px #000}.card-image[data-v-086e9c2a]{filter:drop-shadow(10px 10px 10px #000);width:150px;height:150px}.card-content[data-v-086e9c2a]{text-align:center;padding:15px}.card>h3[data-v-086e9c2a]{color:#fff;margin:10px 0;font-size:16px}.card button[data-v-086e9c2a]{color:#fff;cursor:pointer;background:#7f5af0;border:none;border-radius:6px;padding:8px 12px}.card[data-v-086e9c2a]:hover{transform:translateY(-5px);box-shadow:10px 10px 20px #000}.bio[data-v-086e9c2a]{text-align:center;max-width:850px;margin:0 auto;padding-top:50px}@media (width<=768px){.projects[data-v-086e9c2a]{flex-direction:column;align-items:center}.card[data-v-086e9c2a]{width:85%;max-width:400px}.card-image[data-v-086e9c2a]{width:120px;height:120px}}.contact[data-v-24ef535b]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);text-align:center;background-color:#16161a;border-radius:16px;width:100%;max-width:420px;margin:80px auto;padding:30px;box-shadow:10px 10px 20px #000}form[data-v-24ef535b]{flex-direction:column;align-items:center;display:flex}input[data-v-24ef535b],textarea[data-v-24ef535b]{color:#fff;background-color:#242629;border:1px solid #0000;border-radius:8px;outline:none;width:100%;max-width:400px;margin:10px 0;padding:12px 14px;transition:all .2s}input[data-v-24ef535b]:focus,textarea[data-v-24ef535b]:focus{border:1px solid #7f5af0;box-shadow:0 0 0 2px #7f5af04d}textarea[data-v-24ef535b]{resize:none;min-height:100px}button[data-v-24ef535b]{color:#fff;cursor:pointer;background:linear-gradient(135deg,#7f5af0,#5a3df0);border:none;border-radius:8px;width:100%;margin-top:15px;padding:12px;font-weight:700;transition:all .3s}button[data-v-24ef535b]:hover{transform:translateY(-2px);box-shadow:0 10px 20px #7f5af066}button[data-v-24ef535b]:disabled{opacity:.6;cursor:not-allowed}.success[data-v-24ef535b]{color:#4ade80;margin-top:15px;font-weight:500}@media (width<=768px){.contact[data-v-24ef535b]{width:90%;margin:40px auto;padding:20px}input[data-v-24ef535b],textarea[data-v-24ef535b]{font-size:14px}button[data-v-24ef535b]{padding:10px}}