*{font-family:Helvetica,sans-serif;background-color:#2b2a33}.title-banner{text-align:center;padding:60px 20px 40px;position:relative;background:none}.title-banner:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at center,rgba(0,188,212,.03) 0%,transparent 50%);pointer-events:none;background:none}.main-title{font-size:clamp(2.5rem,8vw,4.5rem);font-weight:800;color:#f0f8ff;margin:0 0 2rem;letter-spacing:-.02em;line-height:1.1;position:relative;background:none}.main-title span{position:relative}.main-title span:not(:nth-child(6)){cursor:pointer}.main-title span:not(:nth-child(6)):after{content:"";position:absolute;bottom:-5px;left:0;width:0;height:2px;background:linear-gradient(45deg,#00bcd4,#00e5ff);transition:width .3s ease}.main-title span:not(:nth-child(6)):hover:after{width:100%}.social-links{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;position:relative}.social-link{text-decoration:none;color:inherit;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.social-link-content{display:flex;align-items:center;justify-content:center;padding:12px 16px;background:linear-gradient(145deg,#2d2d3c99,#232332cc);border:1px solid rgba(255,255,255,.1);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden;min-width:48px;min-height:48px;transition:all .3s ease}.social-link-content:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,188,212,.1),transparent);transition:left .5s ease}.social-link:hover .social-link-content:before{left:100%}.social-link:hover .social-link-content{background:linear-gradient(145deg,#00bcd41a,#00bcd40d);border-color:#00bcd44d;box-shadow:0 8px 25px #00bcd426;transform:translateY(-2px)}.icon{width:24px;height:24px;color:#f0f8ff;transition:all .3s ease;background:none;flex-shrink:0}.social-link:hover .icon{color:#00bcd4;transform:scale(1.1)}.social-text{color:#f0f8ff;font-size:.95rem;font-weight:600;background:none;transition:color .3s ease}.social-link:hover .social-text{color:#00bcd4}.social-tooltip{position:absolute;bottom:-35px;left:50%;transform:translate(-50%);background:#000000e6;color:#f0f8ff;padding:6px 10px;border-radius:6px;font-size:.8rem;font-weight:500;opacity:0;pointer-events:none;transition:opacity .3s ease;white-space:nowrap;z-index:1000}.social-tooltip:before{content:"";position:absolute;top:-4px;left:50%;transform:translate(-50%);width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-bottom:4px solid rgba(0,0,0,.9)}.social-link:hover .social-tooltip{opacity:1}@media (max-width: 768px){.title-banner{padding:40px 15px 30px}.main-title{margin-bottom:1.5rem}.social-links{gap:15px}.social-link-content{padding:10px 12px;min-width:44px;min-height:44px}.icon{width:20px;height:20px}.social-text{font-size:.9rem}}@media (max-width: 480px){.social-links{gap:12px}.social-link-content{padding:8px 10px;min-width:40px;min-height:40px}.icon{width:18px;height:18px}.social-text{font-size:.85rem}}@keyframes letterGlow{0%{text-shadow:0 0 5px rgba(0,188,212,.5)}50%{text-shadow:0 0 20px rgba(0,188,212,.8),0 0 30px rgba(0,188,212,.6)}to{text-shadow:0 0 5px rgba(0,188,212,.5)}}.project-links{display:flex;gap:10px;flex-shrink:0;background:none}.project-link-btn{display:flex;align-items:center;gap:4px;padding:8px 12px;border:1px solid;border-radius:6px;background:transparent;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .2s ease;text-decoration:none}.live-link{color:#00e676;border-color:#00e676}.live-link:hover{background:#00e6761a;transform:translateY(-1px);box-shadow:0 4px 12px #00e67633}.github-link{color:#ff9800;border-color:#ff9800}.github-link:hover{background:#ff98001a;transform:translateY(-1px);box-shadow:0 4px 12px #ff980033}.link-text{background:none}.link-icon{background:none;font-size:.7rem;transition:transform .2s ease}.project-link-btn:hover .link-icon{transform:translate(1px) translateY(-1px)}.projects-container{padding:40px 20px;text-align:center;max-width:1000px;margin:0 auto}.projects-list{display:flex;flex-direction:column;align-items:center;gap:25px}.project-card{background:linear-gradient(145deg,#2d2d3ccc,#232332e6);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;width:100%;max-width:800px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.project-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00bcd4,transparent);transition:left .3s ease-in-out}.project-card:hover:before{left:100%}.project-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00bcd41a;border-color:#00bcd44d}.project-card.clickable{cursor:pointer}.project-card.clickable:hover{transform:translateY(-8px);box-shadow:0 25px 50px #00bcd426}.project-header{margin-bottom:20px;background:none}.project-title{font-size:1.4rem;font-weight:700;color:#f0f8ff;margin:0 0 20px;background:none;display:flex;align-items:center;gap:8px}.external-link-icon{font-size:1rem;color:#00bcd4;opacity:.8;transition:all .2s ease}.project-card.clickable:hover .external-link-icon{opacity:1;transform:translate(2px) translateY(-2px)}.project-details{background:none}.project-description{list-style:none;padding:0;margin:0;background:none}.project-description li{font-size:.95rem;line-height:1.6;color:#f0f8ffe6;margin-bottom:12px;padding-left:20px;position:relative;background:none}.project-description li:before{content:"▶";position:absolute;left:0;color:#00bcd4;font-size:.8rem;top:2px}.project-description li:last-child{margin-bottom:0}.project-technologies{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:8px;background:none}.tech-bubble{display:inline-block;background:linear-gradient(135deg,#00bcd426,#00e5ff26);border:1px solid rgba(0,188,212,.3);color:#00e5ff;font-size:.8rem;font-weight:500;padding:6px 12px;border-radius:20px;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.tech-bubble:hover{background:linear-gradient(135deg,#00bcd440,#00e5ff40);border-color:#00e5ff80;transform:translateY(-1px);box-shadow:0 4px 8px #00bcd433}.technologies-section{background:#00bcd40d;border:1px solid rgba(0,188,212,.2);border-radius:8px;padding:12px 15px;margin-top:15px}.technologies-label{font-size:.85rem;font-weight:600;color:#00bcd4;margin-right:8px;background:none}.technologies-list{font-size:.85rem;color:#f0f8ffcc;background:none}@media (max-width: 768px){.projects-container{padding:30px 15px}.sub-title{font-size:2rem;margin-bottom:2rem}.project-card{padding:20px}.project-header{flex-direction:column;gap:15px;align-items:flex-start}.project-title{font-size:1.2rem}.project-links{align-self:stretch;justify-content:flex-start}.technologies-section{padding:10px 12px}}@media (max-width: 480px){.project-card{padding:15px}.project-description li{font-size:.9rem;padding-left:15px}.project-link-btn{padding:6px 10px;font-size:.75rem}.technologies-label,.technologies-list{font-size:.8rem}.tech-bubble{font-size:.75rem;padding:5px 10px}}.experience-container{padding:0 20px;text-align:center;max-width:1000px;margin:0 auto}.experience-list{display:flex;flex-direction:column;align-items:center;gap:25px}.experience-card{background:linear-gradient(145deg,#2d2d3ccc,#232332e6);border:1px solid rgba(255,255,255,.1);border-radius:15px;padding:25px;width:100%;max-width:800px;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.experience-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:2px;background:linear-gradient(90deg,transparent,#00bcd4,transparent);transition:left .3s ease-in-out}.experience-card:hover:before{left:100%}.experience-card:hover{transform:translateY(-5px);box-shadow:0 20px 40px #00bcd41a;border-color:#00bcd44d}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;gap:20px;background:none}.title-section{flex:1;background:none}.experience-role{font-size:1.4rem;font-weight:700;color:#f0f8ff;margin:0 0 5px;background:none}.experience-company-link{text-decoration:none;display:inline-block;position:relative;transition:transform .2s ease}.experience-company-link:hover{transform:translate(3px)}.experience-company-link:hover .experience-company{color:#00e5ff}.experience-company{font-size:1.1rem;font-weight:600;color:#00bcd4;margin:0;background:none;transition:color .2s ease;position:relative}.experience-company-link:after{content:"↗";position:absolute;top:-2px;right:-15px;font-size:.8rem;color:#00bcd4;opacity:.7;transition:all .2s ease}.experience-company-link:hover:after{opacity:1;transform:translate(2px) translateY(-1px)}.meta-section{text-align:right;flex-shrink:0;background:none}.experience-date{font-size:.9rem;font-weight:600;color:#00e5ff;margin:0 0 5px;background:none}.experience-location{font-size:.85rem;color:#f0f8ffb3;margin:0;background:none}.experience-details{background:none}.experience-details ul{list-style:none;padding:0;margin:0;background:none}.experience-details li{font-size:.95rem;line-height:1.6;color:#f0f8ffe6;margin-bottom:12px;padding-left:20px;position:relative;background:none}.experience-details li:before{content:"▶";position:absolute;left:0;color:#00bcd4;font-size:.8rem;top:2px}.experience-details li:last-child{margin-bottom:0}.experience-skills{margin-top:20px;padding-top:15px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-wrap:wrap;gap:8px;background:none}.skill-bubble{display:inline-block;background:linear-gradient(135deg,#00bcd426,#00e5ff26);border:1px solid rgba(0,188,212,.3);color:#00e5ff;font-size:.8rem;font-weight:500;padding:6px 12px;border-radius:20px;transition:all .2s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.skill-bubble:hover{background:linear-gradient(135deg,#00bcd440,#00e5ff40);border-color:#00e5ff80;transform:translateY(-1px);box-shadow:0 4px 8px #00bcd433}@media (max-width: 768px){.experience-container{padding:30px 15px}.sub-title{font-size:2rem;margin-bottom:2rem}.experience-card{padding:20px}.experience-header{flex-direction:column;gap:15px}.meta-section{text-align:left}.experience-role{font-size:1.2rem}.experience-company{font-size:1rem}}@media (max-width: 480px){.experience-card{padding:15px}.experience-details li{font-size:.9rem;padding-left:15px}.skill-bubble{font-size:.75rem;padding:5px 10px}}.bio-container{padding:40px 20px;text-align:center;max-width:1000px;margin:0 auto}.sub-title{font-size:2.5rem;font-weight:700;color:#f0f8ff;margin-bottom:3rem;position:relative}.sub-title:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(45deg,#00bcd4,#00e5ff);border-radius:2px}.bio-content{display:flex;justify-content:center;align-items:center}.bio-card{width:100%;max-width:800px;text-align:left}.bio-text{margin-bottom:25px;background:none}.bio-text p{font-size:1rem;line-height:1.7;color:#f0f8ffe6;margin-bottom:18px;background:none}.bio-text p:last-child{margin-bottom:0}.bio-highlights{background:none;border-top:1px solid rgba(0,188,212,.2);padding-top:25px}.highlight-item{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:15px;padding:12px 0;background:none;border-bottom:1px solid rgba(255,255,255,.05)}.highlight-item:last-child{margin-bottom:0;border-bottom:none}.highlight-item h4{font-size:1rem;font-weight:600;color:#00bcd4;margin:0;background:none;flex-shrink:0;width:140px}.highlight-item span{font-size:.95rem;color:#f0f8ffcc;background:none;text-align:right;flex:1}@media (max-width: 768px){.bio-container{padding:30px 15px}.sub-title{font-size:2rem;margin-bottom:2rem}.bio-text p{font-size:.95rem;margin-bottom:16px}.highlight-item{flex-direction:column;align-items:flex-start;gap:8px}.highlight-item h4{width:auto}.highlight-item span{text-align:left}}@media (max-width: 480px){.bio-text p{font-size:.9rem;line-height:1.6;margin-bottom:14px}.highlight-item h4{font-size:.9rem}.highlight-item span{font-size:.85rem}}.sub-title{font-size:24px;font-weight:700;background:none;color:#f0f8ff}.items{display:flex;flex-direction:column;align-items:center}.other-corner-button{position:fixed;top:20px;right:20px;background:linear-gradient(145deg,#00bcd4,#00e5ff);color:#0d0d0d;padding:10px 15px;border-radius:12px;font-weight:700;cursor:pointer;z-index:1000;box-shadow:0 6px 12px #00bcd44d;transition:transform .2s ease,box-shadow .2s ease}.other-corner-button:hover{transform:scale(1.05);box-shadow:0 8px 16px #00bcd466}