@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;font-weight:400;color-scheme:dark;color:#ffffffde;background-color:#0f0f0f;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}#root{min-height:100vh}*{margin:0;padding:0;box-sizing:border-box}:root{--accent-hover: #a0c4e7;--accent-color: #7c9fc7;--bg-primary: #0f0f0f}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:linear-gradient(135deg,#0f0f0f,#1a1a1a,#0f0f0f);color:#fff;min-height:100vh;overflow-x:hidden}.portfolio{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem;position:relative}.portfolio:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 20% 20%,rgba(120,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(255,119,198,.1) 0%,transparent 50%),radial-gradient(circle at 40% 60%,rgba(119,198,255,.1) 0%,transparent 50%);pointer-events:none;z-index:-1}.container{max-width:800px;width:100%;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#1e1e1ecc;border-radius:24px;border:1px solid rgba(255,255,255,.1);padding:3rem;box-shadow:0 20px 60px #00000080,inset 0 1px #ffffff1a}.header{text-align:center;margin-bottom:3rem}.hero{display:flex;flex-direction:column;align-items:center;gap:1rem}.name{font-size:3.5rem;font-weight:800;background:linear-gradient(135deg,#fff,#a0a0a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em;cursor:pointer}.title-container{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff0d;border-radius:50px;border:1px solid rgba(255,255,255,.1)}.title{color:#b0b0b0;font-size:1.1rem;font-weight:500}.icon{width:20px;height:20px;color:#7c9fc7}.main{display:flex;flex-direction:column;gap:2.5rem}.intro{display:flex;flex-direction:column;gap:2rem}.greeting{display:flex;align-items:center;gap:1rem;cursor:pointer}.wave{font-size:2rem;animation:wave 2s ease-in-out infinite}@keyframes wave{0%,to{transform:rotate(0)}25%{transform:rotate(20deg)}75%{transform:rotate(-10deg)}}.greeting h2{font-size:2rem;font-weight:600;color:#fff}.bio{display:flex;flex-direction:column;gap:1.5rem}.bio-item,.contact-info{display:flex;align-items:flex-start;gap:1rem;padding:1.5rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);transition:all .3s ease}.bio-item:hover,.contact-info:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.bio-icon{width:24px;height:24px;color:#7c9fc7;margin-top:.25rem;flex-shrink:0}.bio-item p,.contact-info p{line-height:1.6;color:#e0e0e0;font-size:1.1rem}.link{color:#7c9fc7;text-decoration:none;display:inline-flex;align-items:center;gap:.25rem;font-weight:500;transition:all .3s ease;cursor:pointer}.link:hover{color:#a0c4e7;text-decoration:underline}.link.email{color:#ff9f7c}.link.email:hover{color:#ffb599}.external-icon{width:16px;height:16px}.links-section{margin-top:1rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem}.link-card{display:flex;align-items:center;justify-content:space-between;padding:1.5rem;background:#ffffff0d;border-radius:16px;border:1px solid rgba(255,255,255,.1);text-decoration:none;color:#fff;font-weight:600;font-size:1.1rem;transition:all .3s ease;cursor:pointer;position:relative;overflow:hidden}.link-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .5s ease}.link-card:hover:before{left:100%}.link-card:hover{background:#ffffff14;border-color:#fff3;box-shadow:0 10px 30px #0000004d}.link-card.linkedin:hover{border-color:#0a66c280;box-shadow:0 10px 30px #0a66c233}.link-card.github:hover{border-color:#85858580;box-shadow:0 10px 30px #85858533}.link-card.cv:hover{border-color:#ff9f7c80;box-shadow:0 10px 30px #ff9f7c33}.card-icon{width:24px;height:24px;color:#7c9fc7}.link-card span{flex:1;text-align:center}.section-title{display:flex;align-items:center;gap:.75rem;font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:2rem;padding-bottom:.5rem;border-bottom:2px solid rgba(124,159,199,.3)}.section-icon{width:24px;height:24px;color:#7c9fc7}.experience-section{margin-top:3rem}.experience-card{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:2rem;margin-bottom:1.5rem;transition:all .3s ease}.experience-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.experience-role{font-size:1.25rem;font-weight:600;color:#fff;margin-bottom:.25rem}.experience-company{font-size:1.1rem;color:#7c9fc7;font-weight:500}.experience-meta{display:flex;flex-direction:column;gap:.5rem;align-items:flex-end;text-align:right}.experience-period,.experience-location{display:flex;align-items:center;gap:.5rem;color:#b0b0b0;font-size:.9rem}.meta-icon{width:16px;height:16px}.experience-achievements{list-style:none;padding:0}.experience-achievements li{position:relative;padding-left:1.5rem;margin-bottom:.75rem;color:#e0e0e0;line-height:1.6}.experience-achievements li:before{content:"▸";position:absolute;left:0;color:#7c9fc7;font-weight:700}.projects-section{margin-top:3rem}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.project-card{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:2rem;transition:all .3s ease;cursor:pointer}.project-card:hover{background:#ffffff0f;border-color:#ffffff26;box-shadow:0 10px 30px #0000004d}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.project-title{font-size:1.25rem;font-weight:600;color:#fff}.project-technologies{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag-small{padding:.25rem .6rem!important;font-size:.8rem!important;border-radius:15px!important}.skill-tag-small .skill-color-dot{width:6px!important;height:6px!important}.project-tech{background:#7c9fc733;color:#7c9fc7;padding:.25rem .75rem;border-radius:20px;font-size:.85rem;font-weight:500}.project-description{color:#d0d0d0;line-height:1.6;margin-bottom:1.5rem}.project-highlights{list-style:none;padding:0;margin-bottom:1.5rem}.project-highlights li{position:relative;padding-left:1.5rem;margin-bottom:.5rem;color:#b0b0b0;font-size:.9rem}.project-highlights li:before{content:"•";position:absolute;left:0;color:#7c9fc7;font-weight:700}.project-github-btn{display:flex;align-items:center;gap:.5rem;background:#7c9fc71a;border:1px solid rgba(124,159,199,.3);color:#7c9fc7;padding:.75rem 1.5rem;border-radius:8px;font-weight:500;cursor:pointer;transition:all .3s ease;font-family:inherit;font-size:.95rem}.project-github-btn:hover{background:#7c9fc733;border-color:#7c9fc780;color:#a0c4e7}.btn-icon{width:18px;height:18px}.skills-section{margin-top:3rem}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem}.skill-category{background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:1.5rem;transition:all .3s ease}.skill-category:hover{background:#ffffff0f;border-color:#ffffff26}.skill-category-title{font-size:1.1rem;font-weight:600;color:#fff;margin-bottom:1rem}.skills-list{display:flex;flex-wrap:wrap;gap:.75rem}.skill-tag-container{cursor:pointer}.skill-tag{display:flex;align-items:center;gap:.5rem;background:#7c9fc726;color:#a0c4e7;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;transition:all .3s ease;border:1px solid rgba(124,159,199,.2)}.skill-tag:hover{background:#7c9fc740;border-color:#7c9fc766;color:#fff;transform:translateY(-2px);box-shadow:0 4px 12px #0003}.skill-icon{width:18px;height:18px;flex-shrink:0}.skill-color-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-right:.25rem}.achievements-section{margin-top:3rem}.achievements-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.achievement-card{display:flex;align-items:center;gap:1rem;background:#ffffff08;border-radius:16px;border:1px solid rgba(255,255,255,.08);padding:1.5rem;transition:all .3s ease}.achievement-card:hover{background:#ffffff0f;border-color:#ffffff26;transform:translateY(-2px)}.achievement-icon{width:32px;height:32px;color:#7c9fc7;flex-shrink:0}.achievement-card h4{font-size:1rem;font-weight:600;color:#fff;margin-bottom:.25rem}.achievement-card p{color:#b0b0b0;font-size:.9rem}.footer{text-align:center;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1)}.signature{color:#888;font-style:italic;font-size:1.1rem;cursor:pointer}.footer-content{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.credit{color:#666;font-size:.9rem;font-style:italic;cursor:pointer;transition:color .3s ease}.credit:hover{color:#7c9fc7}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;background:var(--bg-primary);color:var(--text-primary);padding:2rem}.error-content{text-align:center;max-width:500px;padding:2rem;background:var(--glass-bg);border:1px solid var(--border-color);border-radius:12px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-content h2{margin-bottom:1rem;color:var(--text-primary);font-size:1.5rem}.error-content p{margin-bottom:1.5rem;color:var(--text-secondary);line-height:1.6}.retry-button{background:var(--accent-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:8px;cursor:pointer;font-weight:500;transition:all .3s ease}.retry-button:hover{background:var(--accent-hover);transform:translateY(-2px)}.skill-tag,.project-card,.experience-card{will-change:transform}.link:focus,.project-github-btn:focus,.link-card:focus,.retry-button:focus{outline:2px solid var(--accent-color);outline-offset:2px;border-radius:4px}@media (prefers-contrast: more){:root{--text-primary: #ffffff;--text-secondary: #e0e0e0;--border-color: #ffffff;--glass-bg: rgba(0, 0, 0, .9)}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.wave{animation:none}}@media print{.portfolio{background:#fff;color:#000}.link-card,.project-github-btn{border:1px solid black}.skill-tag{border:1px solid gray;background:#fff;color:#000}}