*{margin:0;padding:0;box-sizing:border-box;overscroll-behavior:none}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.6;color:#e2e8f0;background:linear-gradient(135deg,#0f172a,#581c87,#0f172a);min-height:100vh}.app-container{min-height:100vh;padding:1rem;max-width:1200px;margin:0 auto;position:relative}.floating-bg{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.floating-orb{position:absolute;width:384px;height:384px;border-radius:50%;filter:blur(96px);animation:pulse 3s ease-in-out infinite}.floating-orb-1{top:25%;left:25%;background:#a855f71a}.floating-orb-2{top:75%;right:25%;background:#3b82f61a;animation-delay:1s}.floating-orb-3{top:50%;left:50%;background:#ec48991a;animation-delay:.5s}.header-card{position:relative;background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;margin-bottom:2rem;border:1px solid rgba(148,163,184,.3);box-shadow:0 25px 50px -12px #00000040;transform:translateY(40px);opacity:0;transition:all 1s ease-out;z-index:10}.header-card.visible{transform:translateY(0);opacity:1}.header-bg{position:absolute;inset:0;background:linear-gradient(135deg,#a855f71a,#3b82f61a);border-radius:24px}.header-content{position:relative;z-index:10;display:flex;flex-direction:column;gap:2rem;align-items:center}@media (min-width: 1024px){.header-content{flex-direction:row;align-items:flex-start}}.avatar{flex-shrink:0}.avatar-circle{width:128px;height:128px;background:linear-gradient(135deg,#a855f7,#3b82f6);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:2.25rem;font-weight:700;box-shadow:0 25px 50px -12px #00000040;animation:pulse 2s ease-in-out infinite}.header-info{flex:1;text-align:center}@media (min-width: 1024px){.header-info{text-align:left}}.main-title{font-size:3rem;font-weight:900;background:linear-gradient(135deg,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;animation:pulse 2s ease-in-out infinite}@media (min-width: 1024px){.main-title{font-size:3.75rem}}.subtitle{font-size:1.25rem;color:#cbd5e1;margin-bottom:1.5rem;font-weight:300}.bio{background:#1e293b80;padding:1.5rem;border-radius:16px;border:1px solid rgba(148,163,184,.2);margin-bottom:1.5rem}.bio p{color:#cbd5e1;line-height:1.6}.contact-links{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center}.contact-item.copyable{cursor:copy}@media (min-width: 1024px){.contact-links{justify-content:flex-start}}.contact-item{display:flex;align-items:center;gap:.5rem;background:#1e293b80;padding:.75rem 1rem;border-radius:50px;border:1px solid rgba(148,163,184,.3);transition:all .3s ease}.contact-item:hover{background:#33415580;transform:scale(1.05)}.contact-icon{width:1rem;height:1rem}.contact-item:nth-child(1) .contact-icon{color:#c084fc}.contact-item:nth-child(2) .contact-icon{color:#60a5fa}.contact-item:nth-child(3) .contact-icon{color:#f472b6}.contact-item span{color:#cbd5e1}.header-actions{flex-shrink:0;display:flex;gap:.75rem}.btn{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;border-radius:50px;font-weight:600;transition:all .3s ease;border:none;cursor:pointer;text-decoration:none}.btn:hover{transform:scale(1.05)}.btn-primary{background:linear-gradient(135deg,#a855f7,#3b82f6);color:#fff;box-shadow:0 10px 25px -5px #00000040}.btn-primary:hover{background:linear-gradient(135deg,#9333ea,#2563eb)}.btn-secondary{background:#1e293b80;border:1px solid rgba(148,163,184,.3);color:#cbd5e1}.btn-secondary:hover{background:#33415580}.btn-icon{width:1rem;height:1rem}.main-grid{display:grid;gap:2rem;margin-bottom:2rem}@media (min-width: 1024px){.main-grid{grid-template-columns:1fr 2fr}}.left-column,.right-column{display:flex;flex-direction:column;gap:2rem}.card{background:#1e293be6;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:2rem;border:1px solid rgba(148,163,184,.3);box-shadow:0 25px 50px -12px #00000040;transform:translateY(40px);opacity:0;transition:all 1s ease-out}.card.visible{transform:translateY(0);opacity:1}.card.delay-300{transition-delay:.3s}.card.delay-400{transition-delay:.4s}.card.delay-500{transition-delay:.5s}.card.delay-600{transition-delay:.6s}.section-title{font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#c084fc,#60a5fa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.section-icon{width:1.5rem;height:1.5rem;color:#c084fc}.certificate-header{display:flex;justify-content:space-between;align-items:flex-start}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:.75rem}.skill-tag{background:#3341554d;padding:.5rem 1rem;border-radius:16px;border:1px solid rgba(148,163,184,.2);text-align:center;color:#cbd5e1;font-weight:500;transition:all .3s ease}.skill-tag:hover{background:#33415580;transform:translateY(-2px);border-color:#c084fc}.education-item{background:#3341554d;border-radius:16px;padding:1.5rem;border:1px solid rgba(148,163,184,.2);transition:all .3s ease;margin-bottom:1.5rem}.education-item:hover{background:#33415580}.education-title{font-size:1.125rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem;transition:color .3s ease}.education-item:hover .education-title{color:#c084fc}.education-school{color:#94a3b8;margin-bottom:.5rem}.education-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.date-icon{width:1rem;height:1rem}.experience-list{display:flex;flex-direction:column;gap:1.5rem}.experience-item{background:#3341554d;border-radius:16px;padding:1.5rem;border:1px solid rgba(148,163,184,.2);transition:all .3s ease;position:relative;overflow:hidden}.experience-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a855f70d,#3b82f60d);opacity:0;transition:opacity .3s ease}.experience-item:hover:before{opacity:1}.experience-item:hover{background:#33415580}.experience-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:10}.experience-info{flex:1}.experience-title{font-size:1.25rem;font-weight:600;color:#e2e8f0;margin-bottom:.5rem;transition:color .3s ease}.experience-item:hover .experience-title{color:#c084fc}.experience-company{color:#c084fc;font-weight:500;margin-bottom:.5rem}.experience-date{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#64748b}.experience-badge{padding:.25rem .75rem;border-radius:50px;font-size:.875rem;font-weight:500}.experience-badge.current{background:#22c55e33;color:#4ade80;border:1px solid rgba(34,197,94,.3)}.experience-details{display:flex;flex-direction:column;gap:.75rem;position:relative;z-index:10}.experience-point{display:flex;align-items:flex-start;gap:.75rem}.point-icon{width:1rem;height:1rem;color:#c084fc;margin-top:.125rem;transition:transform .3s ease;flex-shrink:0}.experience-point:hover .point-icon{transform:translate(4px)}.experience-point span{color:#cbd5e1;transition:color .3s ease}.experience-point:hover span{color:#e2e8f0}.projects-list{display:flex;flex-direction:column;gap:1.5rem}.project-item{background:#3341554d;border-radius:16px;padding:1.5rem;border:1px solid rgba(148,163,184,.2);transition:all .3s ease;position:relative;overflow:hidden}.project-item:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a855f70d,#3b82f60d);opacity:0;transition:opacity .3s ease}.project-item:hover:before{opacity:1}.project-item:hover{background:#33415580}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem;position:relative;z-index:10}.project-title{font-size:1.125rem;font-weight:600;color:#e2e8f0;transition:color .3s ease}.project-item:hover .project-title{color:#c084fc}.project-link{color:#94a3b8;transition:all .3s ease;text-decoration:none}.project-link:hover{color:#c084fc;transform:scale(1.1)}.link-icon{width:1.25rem;height:1.25rem}.project-description{color:#cbd5e1;line-height:1.6;margin-bottom:1rem;position:relative;z-index:10;white-space:pre-line}.project-tech{display:flex;flex-wrap:wrap;gap:.5rem;position:relative;z-index:10}.tech-tag{background:#a855f733;color:#c084fc;padding:.25rem .75rem;border-radius:12px;font-size:.875rem;font-weight:500;border:1px solid rgba(168,85,247,.3)}.footer{text-align:center;transform:translateY(40px);opacity:0;transition:all 1s ease-out}.footer.visible{transform:translateY(0);opacity:1}.footer.delay-700{transition-delay:.7s}.footer p{color:#64748b;font-size:.875rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (max-width: 768px){.app-container{padding:.5rem}.header-card,.card{padding:1.5rem}.main-title{font-size:2.5rem}.avatar-circle{width:96px;height:96px;font-size:1.75rem}.contact-links{flex-direction:column;align-items:center}}.title-section{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:1.5rem}.subtitle{text-align:center}@media (min-width: 1024px){.title-section{flex-direction:row;gap:10rem;align-items:center}.subtitle{text-align:left;margin-bottom:0}}@media (min-width: 1200px){.title-section{gap:17rem}}.subtitle{font-size:1.25rem;color:#cbd5e1;font-weight:300}.like-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}@media (min-width: 1024px){.like-section{flex-direction:row;align-items:center}}.btn-like{background:#33415566;border:1px solid rgba(148,163,184,.3);color:#cbd5e1;padding:.875rem 1.5rem;border-radius:16px;font-weight:600;display:flex;align-items:center;gap:.75rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden;min-width:140px;justify-content:center}.btn-like:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#a855f71a,#3b82f61a);opacity:0;transition:opacity .3s ease}.btn-like:hover:before{opacity:1}.btn-like:hover{background:#33415599;border-color:#c084fc;transform:translateY(-2px);box-shadow:0 10px 25px -5px #a855f733}.btn-like:disabled{cursor:not-allowed;opacity:.7}.btn-like:disabled:hover{transform:none;box-shadow:none}.btn-like .btn-icon{width:1.25rem;height:1.25rem;transition:all .3s ease;z-index:10;position:relative}.btn-like .btn-icon.liked{color:#ef4444;animation:heartBeat .6s ease}.btn-like:hover .btn-icon:not(.liked){color:#c084fc;transform:scale(1.1)}.like-count{font-weight:700;font-size:1.1rem;z-index:10;position:relative;color:#e2e8f0;transition:color .3s ease}.btn-like:hover .like-count{color:#c084fc}.like-text{font-size:.9rem;z-index:10;position:relative;color:#cbd5e1;transition:color .3s ease}.btn-like:hover .like-text{color:#c084fc}.like-subtitle{font-size:.875rem;color:#94a3b8;text-align:center;font-style:italic;transition:color .3s ease}.like-subtitle:hover{color:#c084fc}@keyframes heartBeat{0%{transform:scale(1)}25%{transform:scale(1.3)}50%{transform:scale(1.1)}75%{transform:scale(1.25)}to{transform:scale(1)}}@media (max-width: 768px){.btn-like{padding:.75rem 1.25rem;min-width:120px}.like-count{font-size:1rem}.like-text{font-size:.85rem}.like-subtitle{font-size:.8rem}}