.container{width:100%}.grow{flex-grow:1}html,body{color:#f5f5f5;background-color:#0f0f0f;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}section{z-index:1;max-width:850px;margin:0 auto;padding:1rem 1.5rem;position:relative}.page-title{text-align:center;-webkit-text-fill-color:transparent;background:linear-gradient(90deg,#60a5fa,#93c5fd);-webkit-background-clip:text;margin-bottom:2rem;font-size:3rem;font-weight:700;animation:1s forwards fadeInUp}section p{color:#e0e0e0;opacity:0;margin-bottom:1.8rem;font-size:1.1rem;line-height:1.8;animation:1s forwards fadeInUp}section p:first-of-type{animation-delay:.3s}section p:nth-of-type(2){animation-delay:.6s}section p:nth-of-type(3){animation-delay:.9s}section p:nth-of-type(4){animation-delay:1.2s}section p:nth-of-type(5){animation-delay:1.5s}.skill-badge{color:#60a5fa;background:#1e1e2f;border-radius:8px;margin:.3rem .3rem 0 0;padding:.3rem .7rem;font-size:.95rem;font-weight:600;transition:transform .3s,box-shadow .3s;display:inline-block}.skill-badge:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 6px 15px #60a5fa66}@keyframes fadeInUp{0%{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 30% 30%,#60a5fa44,#0000 70%),radial-gradient(circle at 70% 70%,#93c5fd44,#0000 70%);width:200%;height:200%;animation:15s ease-in-out infinite bgPulse;position:fixed;top:-50%;left:-50%}@keyframes bgPulse{0%,to{opacity:.8;transform:scale(1)rotate(0)}50%{opacity:.6;transform:scale(1.05)rotate(45deg)}}@media (max-width:768px){.page-title{font-size:2.2rem}section p{font-size:1rem}}.container{max-width:900px;margin:0 auto;padding:1rem 1.5rem}.navbar{border-bottom:1px solid #1f1f1f;justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.nav-links{gap:2rem;display:flex}.nav-links a:hover{opacity:.7}.logo{font-size:1.2rem;font-weight:600}.page-title{margin-bottom:2rem;font-size:2rem;font-weight:600}.card{background-color:#161616;border:1px solid #242424;border-radius:14px;margin-bottom:1.5rem;padding:1.8rem;transition:all .25s}.card:hover{border-color:#333;transform:translateY(-6px);box-shadow:0 15px 35px #00000080}.card h2{margin-bottom:.4rem;font-size:1.3rem}.project-date{color:#888;margin-bottom:1rem;font-size:.85rem}.card-meta{color:#aaa;justify-content:space-between;align-items:baseline;margin-bottom:.75rem;font-size:.95rem;display:flex}.card-meta span{display:inline-block}.card-location{text-align:right;color:#ccc}.card p{color:#cfcfcf;margin-bottom:1rem;line-height:1.5}.card ul{margin-bottom:1rem;padding-left:1.2rem}.card li{color:#a8a8a8;margin-bottom:.5rem;line-height:1.4}.github-link{color:#60a5fa;margin-top:.75rem;font-weight:500;transition:opacity .2s;display:inline-block}.github-link:hover{opacity:.8}a{color:#60a5fa;font-weight:500;text-decoration:none;transition:all .2s;position:relative}a:after{content:"";background:#60a5fa;width:0%;height:2px;transition:width .3s;display:block;position:absolute;bottom:-2px;left:0}a:hover:after{width:100%}a:hover{color:#93c5fd}.filter-bar{gap:2rem;margin-bottom:2.5rem;display:flex}.dropdown{position:relative}.dropdown button{color:#f5f5f5;cursor:pointer;background-color:#181818;border:1px solid #2a2a2a;border-radius:10px;padding:.6rem 1rem;font-weight:500;transition:all .2s}.dropdown button:hover{background-color:#222;border-color:#333}.dropdown-menu{z-index:100;background:#181818;border:1px solid #2a2a2a;border-radius:12px;flex-direction:column;gap:.6rem;min-width:220px;padding:1rem;display:flex;position:absolute;top:115%;left:0;box-shadow:0 15px 40px #0006}.dropdown-menu label{cursor:pointer;color:#d4d4d4;gap:.5rem;font-size:.95rem;display:flex}.dropdown-menu input{accent-color:#60a5fa}.projects-grid{grid-template-columns:repeat(auto-fill,minmax(340px,1fr));gap:2rem;display:grid}.contact-form{flex-direction:column;gap:1.5rem;max-width:600px;margin-top:1.5rem;display:flex}.contact-form label{color:#d4d4d4;flex-direction:column;font-size:.95rem;font-weight:500;display:flex}.contact-form input,.contact-form textarea{color:#f5f5f5;resize:vertical;background-color:#181818;border:1px solid #2a2a2a;border-radius:12px;margin-top:.4rem;padding:.8rem 1rem;font-size:.95rem;transition:all .2s}.contact-form input:focus,.contact-form textarea:focus{border-color:#60a5fa;outline:none;box-shadow:0 0 0 3px #60a5fa4d}.contact-form textarea{min-height:15px;line-height:1.5}.contact-form button{color:#0f0f0f;cursor:pointer;background-color:#60a5fa;border:none;border-radius:12px;align-self:flex-start;padding:.8rem 1.5rem;font-weight:600;transition:all .2s}.contact-form button:hover{background-color:#93c5fd;transform:translateY(-2px);box-shadow:0 5px 15px #60a5fa66}.contact-form{background-color:#161616;border:1px solid #242424;border-radius:14px;padding:2rem;box-shadow:0 8px 20px #0006}.education{color:#f5f5f5;margin-bottom:1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}.education h2{margin:0 0 .25rem;font-size:1.4rem;font-weight:600}.degree,.dates-gpa,.activities{margin:.25rem 0;font-size:1rem}