body{margin:0}[data-theme=dark]{--bg-primary:#121212;--text-main:#f3f4f6;--accent-blue:#00f0ff;--accent-pink:#ff003c;--card-glass:#292929b3;--bg-secondary:#1f1f1f}[data-theme=light]{--bg-primary:#f3f4f686;--text-main:#121212;--accent-blue:#00f0ff;--accent-pink:#ff003c;--card-glass:#f3f4f6b3;--bg-secondary:#e5e7eb}._header_s02im_1{z-index:1000;-webkit-backdrop-filter:blur(12px);background:#ffffff1f;border-radius:999px;justify-content:space-between;align-items:center;gap:.75rem;width:80%;height:4rem;margin:1%;padding:.8rem 1.6rem;display:flex;position:fixed;left:50%;transform:translate(-50%)}._left_s02im_20{align-items:center;gap:.75rem;width:15%;display:flex}._center_s02im_26{align-items:center;gap:.75rem;display:flex}._right_s02im_31{align-items:center;gap:.75rem;width:15%;display:flex}body{background-color:var(--bg-primary);width:100%;min-height:100vh;color:var(--text-main);margin:0}._hero_1wfjc_1{width:80%;margin-left:auto;margin-right:auto;padding-top:7rem}._projectGrid_2er11_1{width:80%;margin-left:auto;margin-right:auto}._projectCardsContainer_2er11_7{flex-wrap:wrap;justify-content:space-between;margin-top:2rem;display:flex}._closeButton_2er11_14{cursor:pointer;background:0 0;border:none;font-size:1.5rem;position:absolute;top:1rem;right:1rem}._projectCard_2er11_7{background-color:var(--card-glass);border-radius:8px;flex-direction:column;justify-content:space-between;width:22%;height:100%;padding:1rem;transition:transform .3s,box-shadow .3s;display:flex;position:relative;box-shadow:0 4px 6px #0000001a}._projectCard_2er11_7:hover{transform:translateY(-5px);box-shadow:0 8px 12px #0003}._techStackContainer_2er11_43{color:var(--accent-blue);border-radius:4px;flex-direction:column;margin:.25rem;padding:.25rem .5rem;font-size:.75rem;display:flex;position:absolute;top:.5rem;right:.5rem}@keyframes _expandWidth_2er11_1{0%{opacity:0;width:0;padding-left:0;padding-right:0}to{opacity:1;width:40%}}._projectDrawer_2er11_69{z-index:50;background-color:var(--bg-secondary);height:100%;transition:transform .3s,box-shadow .3s;animation:.5s cubic-bezier(.16,1,.3,1) forwards _expandWidth_2er11_1;position:fixed;top:0;right:0;box-shadow:-4px 0 6px #0000001a}._projectDrawerBackdrop_2er11_83{z-index:40;background-color:#000000de;width:100%;height:100%;position:fixed;top:0;left:0}._projectDrawerContent_2er11_93{height:100%;margin-top:15%;padding:2rem;overflow-y:auto}._projectDrawerContent_2er11_93 a{color:var(--accent-blue);margin-right:1rem;text-decoration:none}