@import url(https://fonts.googleapis.com/css2?family=Playwrite+DK+Loopet:wght@100..400&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;margin:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--accent:#02d8e8;--accent-2:#ff2bd6;--bg:#05060a;--surface:#090b149e;--neon-border:color-mix(in srgb,var(--accent) 50%,#0000)}@media (pointer:fine){body.has-custom-cursor,body.has-custom-cursor *{cursor:none!important}}.cursor-dot,.cursor-ring{border-radius:50%;left:0;pointer-events:none;position:fixed;top:0;will-change:transform;z-index:9999}.cursor-dot{background:#02d8e8;background:var(--accent);box-shadow:0 0 10px #02d8e8;box-shadow:0 0 10px var(--accent);height:7px;margin:-3.5px 0 0 -3.5px;width:7px}.cursor-ring{border:1.5px solid #02d8e8;border:1.5px solid var(--accent);height:34px;margin:-17px 0 0 -17px;opacity:.55;transition:opacity .2s ease,border-color .2s ease;width:34px}.cursor-ring--down{border-color:#fff}@media (pointer:coarse){.cursor-dot,.cursor-ring{display:none}}.header-controls{align-items:center;display:flex;gap:16px}.kbd-hint{align-items:center;background:color-mix(in srgb,#02d8e8 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);border:1px solid color-mix(in srgb,#02d8e8 50%,#0000);border:1px solid var(--neon-border);border-radius:6px;box-shadow:0 0 12px color-mix(in srgb,#02d8e8 22%,#0000);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 22%,#0000);color:#02d8e8;color:var(--accent);cursor:pointer;display:inline-flex;font-family:Segoe UI,sans-serif;font-size:.8rem;gap:6px;letter-spacing:.5px;padding:5px 10px;transition:border-color .2s ease,color .2s ease,box-shadow .2s ease}.kbd-hint:hover{border-color:#02d8e8;border-color:var(--accent);box-shadow:0 0 20px color-mix(in srgb,#02d8e8 45%,#0000);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 45%,#0000);color:#fff}.kbd-hint kbd{background:#ffffff1f;border-radius:4px;font-family:ui-monospace,Menlo,monospace;font-size:.75rem;padding:1px 5px}@media (max-width:768px){.header-controls{gap:10px}.kbd-hint{font-size:.7rem;padding:4px 8px}.theme-dot{height:14px;width:14px}}@media (max-width:480px){.kbd-hint{display:none}}.theme-switch{align-items:center;display:flex;gap:8px}.theme-dot{background:var(--dot);border:2px solid #ffffff40;border-radius:50%;cursor:pointer;height:16px;padding:0;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;width:16px}.theme-dot:hover{transform:scale(1.2)}.theme-dot.is-active{border-color:#fff;box-shadow:0 0 0 2px #00000080,0 0 12px var(--dot);transform:scale(1.15)}.canvas-wrap{display:inline-block;position:relative}.cube-tooltip{background:#000000d9;border:1px solid #02d8e8;border:1px solid var(--accent);border-radius:6px;box-shadow:0 0 14px color-mix(in srgb,#02d8e8 45%,#0000);box-shadow:0 0 14px color-mix(in srgb,var(--accent) 45%,#0000);color:#fff;font-size:.8rem;opacity:0;padding:4px 10px;pointer-events:none;position:absolute;transform:translate(-50%,-150%);transition:opacity .15s ease;white-space:nowrap;z-index:6}.cube-tooltip.is-visible{opacity:1}.cmdk-overlay{align-items:flex-start;animation:cmdk-fade .15s ease-out;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0000008c;display:flex;inset:0;justify-content:center;padding-top:14vh;position:fixed;z-index:2000}.cmdk{animation:cmdk-pop .18s ease-out;background:#121212;border:1px solid #ffffff1f;border-radius:12px;box-shadow:0 24px 60px #0009,0 0 0 1px color-mix(in srgb,#02d8e8 25%,#0000);box-shadow:0 24px 60px #0009,0 0 0 1px color-mix(in srgb,var(--accent) 25%,#0000);overflow:hidden;width:min(560px,92vw)}.cmdk__input{background:#0000;border:none;border-bottom:1px solid #ffffff14;color:#fff;font-family:Segoe UI,sans-serif;font-size:1.05rem;outline:none;padding:18px 20px;width:100%}.cmdk__input::placeholder{color:#777}.cmdk__list{list-style:none;margin:0;max-height:46vh;overflow-y:auto;padding:8px}.cmdk__item{align-items:center;border-radius:8px;color:#d6d6d6;cursor:pointer;display:flex;gap:10px;padding:11px 14px}.cmdk__item.is-active{background:color-mix(in srgb,#02d8e8 20%,#0000);background:color-mix(in srgb,var(--accent) 20%,#0000);color:#fff}.cmdk__label{flex:1 1;font-size:.95rem}.cmdk__hint{color:#8a8a8a;font-size:.75rem}.cmdk__item.is-active .cmdk__hint{color:#e6e6e6}.cmdk__empty{color:#777;padding:18px 14px;text-align:center}.cmdk__footer{border-top:1px solid #ffffff14;color:#888;display:flex;font-size:.72rem;gap:16px;padding:10px 16px}.cmdk__footer kbd{background:#ffffff1a;border-radius:4px;color:#cfcfcf;font-family:ui-monospace,Menlo,monospace;margin-right:3px;padding:1px 5px}@keyframes cmdk-fade{0%{opacity:0}to{opacity:1}}@keyframes cmdk-pop{0%{opacity:0;transform:translateY(-8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.resume-overlay{align-items:center;animation:cmdk-fade .18s ease-out;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0000009e;display:flex;inset:0;justify-content:center;padding:4vh 4vw;position:fixed;z-index:2500}.resume-modal{animation:cmdk-pop .2s ease-out;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#090b149e;background:var(--surface);border:1px solid #02d8e8;border:1px solid var(--accent);border-radius:10px;box-shadow:0 24px 70px #000000b3,0 0 42px color-mix(in srgb,#02d8e8 30%,#0000);box-shadow:0 24px 70px #000000b3,0 0 42px color-mix(in srgb,var(--accent) 30%,#0000);display:flex;flex-direction:column;height:min(90vh,1040px);overflow:hidden;width:min(880px,100%)}.resume-modal__bar{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,#02d8e8 16%,#0000),#00000040);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 16%,#0000),#00000040);border-bottom:1px solid color-mix(in srgb,#02d8e8 50%,#0000);border-bottom:1px solid var(--neon-border);display:flex;height:44px;justify-content:space-between;padding:0 8px 0 14px}.resume-modal__title{align-items:center;color:#02d8e8;color:var(--accent);display:flex;font-family:ui-monospace,Menlo,Monaco,Courier New,monospace;font-size:.85rem;gap:8px;letter-spacing:.5px;text-shadow:0 0 8px color-mix(in srgb,#02d8e8 55%,#0000);text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,#0000)}.resume-modal__actions{align-items:center;display:flex;gap:6px}.resume-action{align-items:center;background:color-mix(in srgb,#02d8e8 8%,#0000);background:color-mix(in srgb,var(--accent) 8%,#0000);border:1px solid color-mix(in srgb,#02d8e8 50%,#0000);border:1px solid var(--neon-border);border-radius:6px;color:#02d8e8;color:var(--accent);cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:background .2s ease,color .2s ease,box-shadow .2s ease;width:30px}.resume-action:hover{background:color-mix(in srgb,#02d8e8 20%,#0000);background:color-mix(in srgb,var(--accent) 20%,#0000);box-shadow:0 0 12px color-mix(in srgb,#02d8e8 45%,#0000);box-shadow:0 0 12px color-mix(in srgb,var(--accent) 45%,#0000);color:#fff}.resume-action--close{background:color-mix(in srgb,#ff2bd6 14%,#0000);background:color-mix(in srgb,var(--accent-2) 14%,#0000);border-color:color-mix(in srgb,#ff2bd6 45%,#0000);border-color:color-mix(in srgb,var(--accent-2) 45%,#0000);color:#ff2bd6;color:var(--accent-2)}.resume-action--close:hover{background:color-mix(in srgb,#ff2bd6 35%,#0000);background:color-mix(in srgb,var(--accent-2) 35%,#0000);box-shadow:0 0 12px color-mix(in srgb,#ff2bd6 45%,#0000);box-shadow:0 0 12px color-mix(in srgb,var(--accent-2) 45%,#0000);color:#fff}.resume-modal__body{background:radial-gradient(ellipse 70% 50% at 50% 0,color-mix(in srgb,#02d8e8 10%,#0000),#0000 70%),#080a12;background:radial-gradient(ellipse 70% 50% at 50% 0,color-mix(in srgb,var(--accent) 10%,#0000),#0000 70%),#080a12;flex:1 1;min-height:0;position:relative}.resume-doc{align-items:center;display:flex;flex-direction:column;gap:22px;inset:0;overflow-y:auto;padding:26px;position:absolute;scrollbar-color:#02d8e8 #0000;scrollbar-color:var(--accent) #0000;scrollbar-width:thin}.resume-doc::-webkit-scrollbar{width:8px}.resume-doc::-webkit-scrollbar-thumb{background:color-mix(in srgb,#02d8e8 55%,#0000);background:color-mix(in srgb,var(--accent) 55%,#0000);border-radius:4px}.resume-page{background:#0c0e15;border:1px solid color-mix(in srgb,#02d8e8 50%,#0000);border:1px solid var(--neon-border);border-radius:4px;box-shadow:0 0 22px color-mix(in srgb,#02d8e8 22%,#0000),0 10px 34px #0000008c;box-shadow:0 0 22px color-mix(in srgb,var(--accent) 22%,#0000),0 10px 34px #0000008c;line-height:0;max-width:100%;overflow:hidden}.resume-page__canvas{display:block;filter:invert(.9) hue-rotate(180deg);height:auto;max-width:100%}.resume-state{align-items:center;color:#02d8e8;color:var(--accent);display:flex;flex-direction:column;font-family:ui-monospace,Menlo,Monaco,Courier New,monospace;font-size:.85rem;gap:14px;inset:0;justify-content:center;letter-spacing:.5px;position:absolute;text-shadow:0 0 10px color-mix(in srgb,#02d8e8 50%,#0000);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 50%,#0000)}.resume-spinner{animation:resume-spin .8s linear infinite;border:2px solid color-mix(in srgb,#02d8e8 25%,#0000);border-radius:50%;border-top-color:#02d8e8;border:2px solid color-mix(in srgb,var(--accent) 25%,#0000);border-top-color:var(--accent);box-shadow:0 0 16px color-mix(in srgb,#02d8e8 45%,#0000);box-shadow:0 0 16px color-mix(in srgb,var(--accent) 45%,#0000);height:34px;width:34px}.resume-state__link{border:1px solid color-mix(in srgb,#02d8e8 50%,#0000);border:1px solid var(--neon-border);border-radius:6px;color:#02d8e8;color:var(--accent);padding:6px 14px;text-decoration:none;transition:background .2s ease,color .2s ease}.resume-state__link:hover{background:color-mix(in srgb,#02d8e8 18%,#0000);background:color-mix(in srgb,var(--accent) 18%,#0000);color:#fff}@keyframes resume-spin{to{transform:rotate(1turn)}}.resume-modal__status{background:#0000008c;border-top:1px solid color-mix(in srgb,#02d8e8 50%,#0000);border-top:1px solid var(--neon-border);color:#02d8e8;color:var(--accent);font-family:ui-monospace,Menlo,Monaco,Courier New,monospace;font-size:.7rem;padding:5px 12px}.boot{align-items:center;background:#0a0a0a;cursor:pointer;display:flex;flex-direction:column;gap:18px;inset:0;justify-content:center;position:fixed;transition:opacity .4s ease;z-index:3000}.boot--hide{opacity:0}.boot__text{color:#02d8e8;color:var(--accent);font-family:ui-monospace,Menlo,Monaco,Courier New,monospace;font-size:clamp(.8rem,2.4vw,1.05rem);line-height:1.7;margin:0;max-width:90vw;text-shadow:0 0 10px color-mix(in srgb,#02d8e8 55%,#0000);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 55%,#0000);white-space:pre-wrap}.boot__caret{animation:boot-blink .8s step-end infinite;background:#02d8e8;background:var(--accent);display:inline-block;height:1.05em;margin-left:2px;vertical-align:text-bottom;width:9px}.boot__skip{color:#555;font-family:Segoe UI,sans-serif;font-size:.78rem;letter-spacing:.5px}@keyframes boot-blink{50%{opacity:0}}.window__body .about-container,.window__body .achievement-card,.window__body .experience-card,.window__body .extracurricular-list li,.window__body .project-card,.window__body .skill-category{animation:card-rise .45s ease-out forwards;opacity:0}.window__body>*>:first-child{animation-delay:.05s}.window__body>*>:nth-child(2){animation-delay:.12s}.window__body>*>:nth-child(3){animation-delay:.19s}.window__body>*>:nth-child(4){animation-delay:.26s}.window__body>*>:nth-child(5){animation-delay:.33s}@keyframes card-rise{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.window__body .about-container,.window__body .achievement-card,.window__body .experience-card,.window__body .extracurricular-list li,.window__body .project-card,.window__body .skill-category{animation:none;opacity:1}}*{box-sizing:border-box}#root,*,body,html{margin:0;padding:0}#root,body,html{color:#000;display:flex;flex-direction:column;font-family:Segoe UI,sans-serif;height:100dvh;overflow:hidden;scroll-behavior:smooth}.canvas-container{height:500px;width:500px}.container{display:flex;flex:1 1;flex-direction:column}.header{color:#fff;display:flex;font-size:1.5rem;justify-content:space-between;margin-top:2px;padding:5px 20px;width:100%}.logo{color:var(--accent);font-family:Playwrite DK Loopet,cursive;font-size:2rem;margin-left:20px;text-shadow:0 0 6px var(--accent),0 0 22px color-mix(in srgb,var(--accent) 70%,#0000),0 0 44px color-mix(in srgb,var(--accent) 45%,#0000)}.main{align-items:center;display:flex;flex:1 1;justify-content:center}.cube-container{min-width:300px;position:relative;width:600px}.cube-nav{display:flex;flex-direction:column;gap:6px;left:8px;position:absolute;top:8px;z-index:20}.cube-nav__link{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.cube-nav__link:focus,.cube-nav__link:focus-visible{clip:auto;background-color:#e0c4a4;border:2px solid #323232;border-radius:4px;color:#000;cursor:pointer;font-size:.95rem;height:auto;margin:0;padding:6px 14px;position:static;width:auto}.intro-text{padding-top:70px;text-align:left;transition:opacity .5s ease-in-out}.intro-text.hidden{opacity:0;pointer-events:none}.intro-text h1,.intro-text h2,.intro-text p{overflow:hidden;white-space:nowrap}.intro-text h1{animation:typing-h1 3s steps(30),blink .75s step-end infinite;color:#0000;font-size:6rem;text-shadow:0 0 6px var(--accent),0 0 20px color-mix(in srgb,var(--accent) 55%,#0000)}.intro-text h2{-webkit-text-fill-color:#0000;animation:typing-h2 4.5s steps(40) 3s forwards,blink .75s step-end 3s infinite;background:linear-gradient(to right,#b1b1b1 20%,#5d5d5d 40%,var(--accent) 60%,var(--accent) 80%);background-clip:text;-webkit-background-clip:text;background-size:200% auto;color:var(--accent);font-size:8rem;text-shadow:0 0 22px color-mix(in srgb,var(--accent) 60%,#0000)}.intro-text p{animation:typing-p 4s steps(50) 7.5s forwards,blink .75s step-end 7.5s infinite;color:#cbe9ff;font-size:2.8rem;margin-right:200px;text-shadow:0 0 10px color-mix(in srgb,var(--accent) 45%,#0000)}@keyframes typing-h1{0%{width:0}to{width:100%}}@keyframes typing-h2{0%{width:0}to{width:100%}}@keyframes typing-p{0%{width:0}to{width:100%}}.content-layout{align-items:flex-start;display:flex;flex-direction:row;width:90%}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.window{animation:slideInRight .3s ease-out;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:var(--surface);border:1px solid var(--neon-border);border-radius:8px;box-shadow:0 0 0 1px #ffffff08,0 20px 55px #000000a6,0 0 30px color-mix(in srgb,var(--accent) 18%,#0000);color:#fff;display:flex;flex:1 1 400px;flex-direction:column;margin-right:40px;max-height:500px;max-width:800px;min-height:400px;min-width:0;transition:box-shadow .3s ease,border-color .3s ease}.window:focus-within{border-color:var(--accent);box-shadow:0 0 0 1px #ffffff0d,0 20px 55px #000000a6,0 0 40px color-mix(in srgb,var(--accent) 45%,#0000)}@keyframes slideInRight{0%{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}.window__title-bar{align-items:center;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 14%,#0000),#00000040);border-bottom:1px solid var(--neon-border);color:var(--accent);cursor:default;display:flex;height:34px;justify-content:space-between;padding-left:12px;-webkit-user-select:none;user-select:none;z-index:1}.window__body{background:#05060a8c;color:#e7ecf3;flex-grow:1;overflow-y:auto;padding:10px;scrollbar-color:var(--accent) #0000;scrollbar-width:thin}.window__body h2,.window__body h3{color:var(--accent);text-shadow:0 0 10px color-mix(in srgb,var(--accent) 35%,#0000)}.window__body::-webkit-scrollbar{background-color:initial;height:6px;width:6px}.window__body::-webkit-scrollbar-thumb{background:color-mix(in srgb,var(--accent) 55%,#0000);border-radius:3px}.window__btn{align-items:center;background-color:color-mix(in srgb,var(--accent-2) 18%,#0000);border:none;border-left:1px solid color-mix(in srgb,var(--accent-2) 45%,#0000);color:var(--accent-2);cursor:pointer;display:flex;font-size:1.1rem;height:34px;justify-content:center;margin:0;padding:0;transition:background-color .2s ease,color .2s ease;width:34px}.window__btn:hover{background-color:color-mix(in srgb,var(--accent-2) 40%,#0000);color:#fff}.window__btn span{clip:rect(1px,1px,1px,1px);word-wrap:normal;height:1px;overflow:hidden;position:absolute!important;width:1px;z-index:100}.window__title{font-size:1rem;font-weight:600;letter-spacing:.5px;line-height:1;text-shadow:0 0 8px color-mix(in srgb,var(--accent) 55%,#0000)}.window__status-bar{background-color:#0000008c;border-top:1px solid var(--neon-border);color:var(--accent);font-family:ui-monospace,Menlo,Monaco,Courier New,monospace;font-size:.72rem;padding:5px 10px}.experience-section{display:flex;flex-direction:column;gap:1.5rem}.experience-card{border-radius:1rem;padding:1.5rem}.experience-header{align-items:center;display:flex;margin-bottom:1rem}.experience-icon{color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent));height:28px;margin-right:.75rem;width:28px}.experience-title{font-size:1.2rem;font-weight:600;margin:0}.experience-company{color:#d4d4d4;font-size:.95rem}.experience-company a{text-decoration:none;transition:color .2s ease}.experience-date{color:#eeffda}.experience-list{color:#9c9c9c;list-style-type:disc;margin-top:.5rem;padding-left:1.2rem}.experience-list li{margin-bottom:.5rem}.skills-section{display:flex;flex-direction:column;gap:0}.skill-category{border-radius:1rem;padding:1.2rem 1.5rem;transition:transform .2s ease}.skill-header{align-items:center;display:flex;gap:.6rem;margin-bottom:.5rem}.skill-header h3{font-size:1.1rem;font-weight:600;margin:0}.skill-icon{color:var(--accent);filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent));height:22px;width:22px}.skill-category p{color:#cbcbcb;font-size:.95rem;line-height:1.6;margin:0}.projects-section{display:flex;flex-direction:column;gap:1rem}.project-card{border-radius:1rem;padding:1.3rem 1.6rem;transition:transform .2s ease}.project-title-bar{align-items:center;display:flex;justify-content:space-between;margin-bottom:.75rem}.project-title-bar h3{font-size:1.1rem;font-weight:600;margin:0}.external-link{color:var(--accent);transition:color .2s ease,filter .2s ease}.external-link:hover{color:#fff;filter:drop-shadow(0 0 8px var(--accent))}.project-description{color:#b6b6b6;font-size:.95rem;line-height:1.6;list-style:disc;margin:0;padding-left:1.3rem}.achievements-section{display:flex;flex-direction:column;gap:1rem}.achievement-card{border-radius:1.2rem;padding:1.4rem 1.8rem;transition:transform .2s ease}.achievement-title-bar{align-items:flex-start;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:space-between}.achievement-title-bar h3{font-size:1.1rem;font-weight:600;margin:0}.achievement-links a{align-items:center;color:var(--accent);display:inline-flex;font-size:.85rem;gap:.2rem;margin-left:.75rem;text-decoration:none;transition:color .2s ease,filter .2s ease}.achievement-links a:hover{color:#fff;filter:drop-shadow(0 0 8px var(--accent))}.achievement-description{color:#b7b7b7;font-size:.95rem;line-height:1.6;list-style:disc;margin:.75rem 0 0;padding-left:1.2rem}.responsibilities-section{display:flex;flex-direction:column;gap:1rem}.responsibility-card{border-radius:1.25rem;padding:1.4rem 1.8rem;transition:all .2s ease-in-out}.responsibility-header{align-items:baseline;display:flex;flex-wrap:wrap;justify-content:space-between}.responsibility-header h3{font-size:1.1rem;font-weight:600;margin:0}.responsibility-date{color:#dadada;font-size:.9rem}.responsibility-org{color:#f1f1f1;font-size:1rem;font-weight:500;margin-bottom:.8rem;margin-top:.3rem}.responsibility-details{color:#a6a6a6;font-size:.95rem;line-height:1.6;margin:0;padding-left:1.2rem}.extracurricular-container{font-size:1rem;line-height:1.8;padding:1rem}.extracurricular-list{list-style:none;padding-left:0}.extracurricular-list li{border-radius:.75rem;margin-bottom:0;padding:.75rem 1rem;transition:transform .2s ease}.footer{align-items:center;color:#fff;display:flex;flex-shrink:0;font-size:3rem;gap:40px;height:40px;justify-content:center;margin-top:auto;padding:30px 0}.footer a{color:color-mix(in srgb,var(--accent) 55%,#8194a6);filter:drop-shadow(0 0 4px color-mix(in srgb,var(--accent) 30%,transparent));transition:color .2s,filter .2s,translate .2s}.footer a:hover{color:var(--accent);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--accent) 80%,transparent));translate:0 -8px}.achievement-card:hover,.experience-card:hover,.extracurricular-list li:hover,.project-card:hover,.responsibility-card:hover,.skill-category:hover{background-color:color-mix(in srgb,var(--accent) 7%,#0000);box-shadow:0 0 20px color-mix(in srgb,var(--accent) 28%,#0000),inset 0 0 0 1px var(--neon-border);transform:translateY(-2px)}.cv-section{align-items:center;display:flex;flex-direction:column;justify-content:center;z-index:5}.cv-button{background:color-mix(in srgb,var(--accent) 7%,#0000);border:1px solid var(--accent);border-radius:4px;box-shadow:0 0 14px color-mix(in srgb,var(--accent) 30%,#0000),inset 0 0 14px color-mix(in srgb,var(--accent) 10%,#0000);color:var(--accent);cursor:pointer;font-family:Segoe UI,sans-serif;font-size:.95rem;letter-spacing:1px;margin-right:0;padding:7px 26px;text-decoration:none;text-transform:uppercase;transition:all .25s ease;z-index:10}.cv-button:hover{background:color-mix(in srgb,var(--accent) 16%,#0000);box-shadow:0 0 24px color-mix(in srgb,var(--accent) 55%,#0000),inset 0 0 18px color-mix(in srgb,var(--accent) 18%,#0000);color:#fff;transform:translateY(-2px)}.about-container{align-items:center;display:flex;flex-direction:row;flex-wrap:wrap;gap:40px;padding:20px}.about-photo img{box-shadow:0 4px 20px #0003;height:300px;object-fit:cover;width:200px}.about-text{flex:1 1;min-width:250px}.about-text h2{color:var(--accent);font-size:2rem;margin-bottom:10px}.about-text p{color:#eaeaea;font-size:1rem;line-height:1.6}@media (max-width:768px){.container{padding:0 10px}.header{align-items:center;flex-direction:row;font-size:1.2rem;padding:10px}.logo{font-size:1.5rem;margin-left:0;text-align:left}.main{flex-direction:column}.canvas-container{align-items:center;height:250px;margin-left:50px}.intro-text{padding-top:20px;text-align:left}.intro-text h1{font-size:2.5rem}.intro-text h2{font-size:3rem}.intro-text p{font-size:1.2rem;margin-right:0}.content-layout{align-items:center;flex-direction:column;margin-top:-100px}.window{margin-right:0;max-width:90vw;min-width:75vw}.footer{align-items:center;color:#fff;display:flex;flex-direction:row;flex-shrink:0;flex-wrap:wrap;font-size:1.6rem;gap:15px;height:40px;justify-content:center;margin-bottom:60px;row-gap:8px}.footer a{flex:0 0 10%;text-align:center}.cv-button{font-size:1rem;margin:10px auto;padding:7px}}:root{--particle-size:45px}@media (max-width:768px){:root{--particle-size:25px}}.background{background-color:var(--bg);background-image:radial-gradient(ellipse 80% 55% at 50% -5%,color-mix(in srgb,var(--accent) 16%,#0000),#0000 70%),radial-gradient(ellipse 70% 50% at 50% 105%,color-mix(in srgb,var(--accent-2) 12%,#0000),#0000 70%),linear-gradient(color-mix(in srgb,var(--accent) 8%,#0000) 1px,#0000 1px),linear-gradient(90deg,color-mix(in srgb,var(--accent) 8%,#0000) 1px,#0000 1px);background-position:50%;background-size:100% 100%,100% 100%,46px 46px,46px 46px;overflow:hidden;position:fixed;z-index:-10}.background,.background:before{height:100%;left:0;top:0;width:100%}.background:before{background-image:url('data:image/svg+xml;utf8,\<svg xmlns="http://www.w3.org/2000/svg" width="100" height="100" fill="none">\<filter id="noiseFilter">\<feTurbulence type="fractalNoise" baseFrequency="0.8" numOctaves="4" stitchTiles="stitch"/>\</filter>\<rect width="100%" height="100%" filter="url(#noiseFilter)" />\</svg>');content:"";opacity:.05;z-index:-9}.background:before,.overlay-dark{pointer-events:none;position:absolute}.overlay-dark{background:radial-gradient(ellipse at center,#0000 52%,#0009 100%),repeating-linear-gradient(0deg,#00000029,#00000029 1px,#0000 0,#0000 3px);inset:0;z-index:1}.particles{height:100%;overflow:hidden;pointer-events:none;position:absolute;width:100%}.particle{animation:float 10s ease-in-out infinite alternate;background:var(--accent);position:absolute}.circle,.hexagon,.square{animation:float 12s ease-in-out infinite alternate;height:40px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%) scale(1);width:40px}.circle{border:1.5px solid var(--accent);border-radius:50%}.circle,.square{background:#0000}.square{border:1.5px solid var(--accent-2)}.hexagon{background:var(--accent-2);-webkit-clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%);clip-path:polygon(25% 0,75% 0,100% 50%,75% 100%,25% 100%,0 50%)}.pentagon{-webkit-clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%);clip-path:polygon(50% 0,100% 38%,82% 100%,18% 100%,0 38%)}.pentagon,.star{background:#0000;border:1.5px solid var(--accent);height:50px;width:50px}.star{-webkit-clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%);clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}.cross{background:#0000;height:40px;position:relative;width:40px}.cross:after,.cross:before{background-color:initial;border:1.5px solid var(--accent);content:"";position:absolute}.cross:before{height:10px;left:0;top:50%;transform:translateY(-50%);width:100%}.cross:after{height:100%;left:50%;top:0;transform:translateX(-50%);width:10px}.diamond{background:#0000;border:1.5px solid var(--accent-2);-webkit-clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);height:40px;width:40px}.circle,.cross,.diamond,.hexagon,.pentagon,.square,.star{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 60%,transparent));height:calc(45px*var(--scale));height:calc(var(--particle-size)*var(--scale));width:calc(45px*var(--scale));width:calc(var(--particle-size)*var(--scale))}.diamond,.hexagon,.square{filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent-2) 60%,transparent))}.triangle{--size:calc(var(--particle-size)*var(--scale));border-bottom:var(--size) solid color-mix(in srgb,var(--accent) 85%,#0000);border-left:calc(var(--size)/2) solid #0000;border-right:calc(var(--size)/2) solid #0000;filter:drop-shadow(0 0 6px color-mix(in srgb,var(--accent) 55%,transparent));height:0;width:0}@keyframes float{0%{opacity:.75;transform:translate(-50%,-50%) scale(1) translateY(0)}to{opacity:1;transform:translate(-50%,-50%) scale(1.1) translateY(-20px)}}