:root{--primary: #ff3366;--secondary: #33ccff;--accent: #ffcc00;--background: #0f172a;--text: #f8fafc}*{box-sizing:border-box;margin:0;padding:0}html{background-color:#120d1f;background-image:radial-gradient(circle at 10% 20%,#2b1444,#120d1f 90%);min-height:100%;overscroll-behavior:none}body{font-family:Outfit,sans-serif;color:var(--text);overflow-x:hidden;background:transparent;overscroll-behavior:none}canvas#bg-canvas{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:-1;pointer-events:none}.content-wrapper{position:relative;z-index:1}.section{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:4rem 2rem;max-width:1200px;margin:0 auto}.hero{flex-direction:column;text-align:center}.hero h1{font-size:4rem;font-weight:400;margin-bottom:1rem;line-height:1.05}.hero h2{font-size:2rem;margin-bottom:1rem;color:var(--secondary)}.hero p{font-size:1.5rem;font-weight:300;max-width:600px;margin:0 auto}.highlight{background:linear-gradient(90deg,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:block;font-weight:900;background-clip:text;line-height:1.3;color:var( --primary );text-shadow:0 0 20px rgba(255,51,102,.4)}.glass-panel{background:#ffffff0d;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:3rem;box-shadow:0 8px 32px #0000004d;transition:transform .3s ease,border-color .3s ease}.glass-panel:hover{transform:translateY(-5px);border-color:#fff3}.experience{justify-content:flex-start}.card{max-width:600px}.card.left{margin-right:auto}.card.right{margin-left:auto}.card h2{font-size:2.5rem;color:var(--secondary);margin-bottom:.5rem}.education-header{font-size:2.5rem;margin-bottom:.5rem;color:var(--accent)}.card .date{font-size:1rem;color:#94a3b8;display:block;margin-bottom:1.5rem;font-weight:500}.card p{font-size:1.125rem;line-height:1.6;margin-bottom:1.5rem;color:#cbd5e1}.role-title{font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:.25rem;color:#cbd5e1}.job-duties{font-size:1rem;line-height:1.6;margin-bottom:1.5rem;color:#cbd5e1;padding-left:1.5rem}.job-duties li{margin-bottom:.5rem}.skills{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}.skills li{background:#ffffff1a;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:500;border:1px solid rgba(255,255,255,.05);transition:background .2s ease,transform .2s ease;cursor:default}.skills li:hover{background:var(--primary);transform:scale(1.05);color:#fff;border-color:var(--primary)}.project-btn{display:inline-flex;align-items:center;gap:.75rem;background:#000;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-size:1.125rem;font-weight:600;text-decoration:none;border:1px solid rgba(255,255,255,.2);transition:background .3s ease,border-color .3s ease,transform .3s ease}.project-btn:hover{background:#111;border-color:#ffffff80;transform:translateY(-2px)}.footer{text-align:center}.footer h2{font-size:2.5rem;margin-bottom:1rem}.footer p{font-size:1.25rem;color:#cbd5e1}.social-links{display:flex;justify-content:center;gap:1.5rem;margin-bottom:2rem}.company-link{color:var(--secondary);text-decoration:none;transition:color .3s ease}.company-link:hover{color:var(--primary)}.social-link{color:var(--text);text-decoration:none;display:flex;align-items:center;gap:.5rem;font-size:1.125rem;font-weight:500;transition:color .3s ease,transform .3s ease}.social-link:hover{color:var(--secondary);transform:translateY(-2px)}.year-badge{display:inline-block;background:#ff336626;color:var(--primary);padding:.25rem .75rem;border-radius:20px;font-size:.875rem;font-weight:700;margin-left:.5rem;vertical-align:middle;border:1px solid rgba(255,51,102,.3)}.cta-button{display:inline-block;background:linear-gradient(90deg,var(--primary),#ff6b6b);color:#fff;padding:1rem 2.5rem;border-radius:40px;font-size:1.25rem;font-weight:700;text-decoration:none;box-shadow:0 10px 20px #ff33664d;transition:transform .3s ease,box-shadow .3s ease}.cta-button:hover{transform:translateY(-3px) scale(1.02);box-shadow:0 15px 25px #f366}.fade-up{opacity:0;transform:translateY(50px)}@media screen and (max-width:768px){.hero h1{font-size:2rem}.hero h2{font-size:1.25rem}.hero p{font-size:1rem}.card h2,.education-header,.footer h2{font-size:1.5rem}.role-title{font-size:1.125rem}.footer p{font-size:1rem;word-break:break-word}.glass-panel{padding:1.25rem}.card.right{margin-left:0}.job-duties{padding-left:1rem}.social-links{gap:1rem}.social-link{font-size:1rem}.year-badge{display:table;margin-left:0;margin-top:.5rem}}