:root{--primary:#ffc4cb;--primary-hover:#fc9faf;--bg-color:transparent;--text-dark:#333;--text-light:#666;--card-bg:#fff6;--glass-border:#ffc4cb99}*{box-sizing:border-box;margin:0;padding:0}body{color:var(--text-dark);background:linear-gradient(#d4f0ff 0%,#aee0ff 30%,#56ccf2 100%) fixed;font-family:Inter,-apple-system,sans-serif;line-height:1.6;overflow-x:hidden}@keyframes float{0%{transform:translateY(0)rotate(0)}50%{transform:translateY(-15px)rotate(5deg)}to{transform:translateY(0)rotate(0)}}.floating-icon{animation:5s ease-in-out infinite float}.delay-1{animation-delay:1.5s}.delay-2{animation-delay:3s}.delay-3{animation-delay:4.5s}h1,h2,h3,h4,strong{color:var(--primary-hover)}a{color:var(--primary-hover);text-decoration:none;transition:color .3s}a:hover{color:var(--text-dark)}.glass{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 4px 30px #fc9faf1a}.container{max-width:1000px;margin:0 auto;padding:0 24px}.hero-section{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;display:flex}.hero-title{background:linear-gradient(135deg,var(--primary-hover)0%,#ff8da1 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:16px;font-size:3.5rem}.hero-subtitle{color:var(--text-light);margin-bottom:24px;font-size:1.5rem}.timeline-section{padding:80px 0;position:relative}.timeline-line{background:var(--primary);opacity:.3;border-radius:4px;width:4px;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-line-active{background:var(--primary-hover);border-radius:4px;width:4px;position:absolute;top:0;left:50%;transform:translate(-50%)}.timeline-item{justify-content:flex-end;width:100%;margin:40px 0;padding-right:50%;display:flex;position:relative}.timeline-item:nth-child(2n){justify-content:flex-start;padding-left:50%;padding-right:0}.timeline-content{width:calc(100% - 40px);padding:32px}.timeline-item:nth-child(odd) .timeline-content{margin-right:40px}.timeline-item:nth-child(2n) .timeline-content{margin-left:40px}.timeline-dot{background-color:var(--primary-hover);border:4px solid var(--bg-color);z-index:2;border-radius:50%;width:20px;height:20px;position:absolute;top:40px;right:-10px;box-shadow:0 0 0 4px #fc9faf33}.timeline-item:nth-child(2n) .timeline-dot{left:-10px;right:auto}.timeline-date{color:var(--primary-hover);background:#fc9faf1a;border-radius:20px;margin-bottom:8px;padding:4px 12px;font-size:.9rem;font-weight:700;display:inline-block}.timeline-title{color:var(--text-dark);margin-bottom:8px;font-size:1.5rem}.timeline-company{color:var(--text-light);align-items:center;gap:8px;margin-bottom:16px;font-size:1.1rem;display:flex}.timeline-desc{font-size:1rem}.timeline-desc ul{padding:0;list-style:none}.timeline-desc li{margin-bottom:8px;padding-left:20px;position:relative}.timeline-desc li:before{content:"✦";color:var(--primary-hover);position:absolute;left:0}.skills-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px;margin:40px 0;display:grid}.skill-card{text-align:center;cursor:default;padding:24px;transition:transform .3s,box-shadow .3s}.skill-card:hover{transform:translateY(-5px);box-shadow:0 12px 40px #fc9faf33}.skill-icon{color:var(--primary-hover);background:#ffc4cb33;border-radius:50%;margin-bottom:16px;padding:16px;display:inline-flex}.footer-section{text-align:center;padding:60px 0;position:relative;overflow:hidden}.social-links{justify-content:center;gap:24px;margin:24px 0;display:flex}.social-link{background:var(--card-bg);width:50px;height:50px;color:var(--primary-hover);border:1px solid var(--glass-border);border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex}.social-link:hover{background:var(--primary-hover);color:#fff;transform:translateY(-3px);box-shadow:0 10px 20px #fc9faf4d}@media (max-width:768px){.hero-title{font-size:2.5rem}.timeline-line,.timeline-line-active{left:20px}.timeline-item{justify-content:flex-start!important;padding-left:50px!important;padding-right:0!important}.timeline-content{width:100%!important;margin:0!important}.timeline-dot{left:10px!important;right:auto!important}}.floating-action-btn{background:var(--card-bg);-webkit-backdrop-filter:blur(12px);border:none;border:1px solid var(--glass-border);width:50px;height:50px;color:var(--primary-hover);cursor:pointer;z-index:50;border-radius:50%;justify-content:center;align-items:center;transition:all .3s;display:flex;box-shadow:0 8px 32px #fc9faf66}.floating-action-btn:hover{background:var(--primary-hover);color:#fff;transform:translateY(-5px);box-shadow:0 12px 40px #fc9faf99}
