:root{--ios-blue:#007aff;--ios-green:#34c759;--ios-indigo:#5856d6;--ios-orange:#ff9500;--ios-pink:#ff2d55;--ios-purple:#af52de;--ios-red:#ff3b30;--ios-teal:#5ac8fa;--ios-yellow:#fc0;--bg-primary:#000;--bg-secondary:#f2f2f7;--bg-elevated:#fff;--bg-grouped:#f2f2f7;--label-primary:#000;--label-secondary:#3c3c43;--label-tertiary:#3C3C4399;--separator:#3C3C4329;--fill-primary:#78788029;--fill-secondary:#78788014;--gray-1:#8e8e93;--gray-2:#aeaeb2;--gray-3:#c7c7cc;--gray-4:#d1d1d6;--gray-5:#e5e5ea;--gray-6:#f2f2f7;--shadow-sm:0 1px 3px rgba(0,0,0,0.08);--shadow-md:0 4px 12px rgba(0,0,0,0.1);--shadow-lg:0 12px 32px rgba(0,0,0,0.15);--shadow-xl:0 20px 48px rgba(0,0,0,0.2)}[data-theme="dark"]{--bg-primary:#000;--bg-secondary:#1c1c1e;--bg-elevated:#2c2c2e;--bg-grouped:#000;--label-primary:#fff;--label-secondary:#ebebf5;--label-tertiary:#EBEBF599;--separator:#54545899;--fill-primary:#7878805b;--fill-secondary:#78788052}*{margin:0;padding:0;box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{font-family:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Helvetica Neue',Arial,sans-serif;background:linear-gradient(135deg,#667eea 0%,#764ba2 50%,#f093fb 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite;color:var(--label-primary);overflow-x:hidden;min-height:100vh;display:flex;justify-content:center;align-items:center;padding:20px;position:relative}@keyframes gradientShift{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}[data-theme="dark"] body{background:linear-gradient(135deg,#1a1a2e 0%,#16213e 50%,#0f3460 100%);background-size:400% 400%;animation:gradientShift 15s ease infinite}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background-image:radial-gradient(circle at 20% 30%,rgba(255,255,255,0.1) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(255,255,255,0.08) 0%,transparent 50%),radial-gradient(circle at 40% 80%,rgba(255,255,255,0.06) 0%,transparent 50%);animation:float 20s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-20px) scale(1.05)}}.theme-toggle{position:fixed;top:20px;right:20px;z-index:10000}.toggle-btn{width:50px;height:50px;border-radius:25px;background:var(--bg-elevated);border:0;box-shadow:0 4px 16px rgba(0,0,0,0.12);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:24px;transition:all .3s ease}.toggle-btn:hover{transform:scale(1.05)}.toggle-btn:active{transform:scale(0.95)}.moon-icon{display:none}[data-theme="dark"] .sun-icon{display:none}[data-theme="dark"] .moon-icon{display:block}.iphone-frame{width:430px;height:932px;background:var(--bg-primary);border-radius:55px;box-shadow:0 30px 90px rgba(0,0,0,0.5),0 10px 40px rgba(0,0,0,0.3),0 0 0 1px rgba(255,255,255,0.1) inset;position:relative;overflow:hidden;border:12px solid #1c1c1e;z-index:1;transform:translateZ(0);animation:phoneEntrance .8s cubic-bezier(0.34,1.56,0.64,1)}@keyframes phoneEntrance{0%{opacity:0;transform:scale(0.9) translateY(30px)}100%{opacity:1;transform:scale(1) translateY(0)}}.notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:126px;height:37px;background:#000;border-radius:40px;z-index:1000;box-shadow:inset 0 2px 8px rgba(0,0,0,0.5)}.status-bar{position:absolute;top:0;left:0;right:0;height:47px;display:flex;justify-content:space-between;align-items:center;padding:0 20px;padding-top:8px;color:var(--label-primary);font-size:15px;font-weight:600;z-index:999}.status-left,.status-right{display:flex;gap:5px;align-items:center}.app-container{position:absolute;top:47px;left:0;right:0;bottom:0;overflow:hidden}.screen{position:absolute;top:0;left:0;right:0;bottom:83px;opacity:0;transform:translateX(100%);transition:all .35s cubic-bezier(0.36,0.66,0.04,1);overflow-y:auto;overflow-x:hidden;background:var(--bg-grouped)}.screen.active{opacity:1;transform:translateX(0)}.screen.exit-left{transform:translateX(-30%);opacity:0}.nav-bar{position:sticky;top:0;background:var(--bg-grouped);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);padding:12px 16px;display:flex;align-items:center;justify-content:space-between;z-index:100;border-bottom:.5px solid var(--separator)}.nav-bar.large-title{padding:20px 20px 12px 20px;border-bottom:0}.nav-bar.large-title .nav-title{font-size:34px;font-weight:700;letter-spacing:-0.5px}.nav-title{font-size:17px;font-weight:600;color:var(--label-primary)}.nav-back{background:0;border:0;color:var(--ios-blue);font-size:17px;display:flex;align-items:center;gap:4px;cursor:pointer;padding:0}.chevron-left{font-size:24px;font-weight:500}.nav-spacer{width:50px}.screen-content{padding-bottom:20px}.profile-section{padding:30px 20px 20px 20px}.welcome-badge{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:20px;animation:slideDown .6s cubic-bezier(0.34,1.56,0.64,1)}
.wave{font-size:28px;display:inline-block;animation:wave 2.5s infinite;transform-origin:70% 70%}@keyframes wave{0%,100%{transform:rotate(0)}10%,30%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}40%,100%{transform:rotate(0)}}@keyframes slideDown{from{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.welcome-text{font-size:19px;font-weight:650;color:var(--label-primary);letter-spacing:-0.4px}.profile-card{background:var(--bg-elevated);border-radius:24px;padding:36px 24px 32px;text-align:center;position:relative;overflow:hidden;box-shadow:var(--shadow-lg)}.profile-card::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,122,255,0.1) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}@keyframes pulse{0%,100%{transform:scale(1);opacity:.5}50%{transform:scale(1.1);opacity:.8}}.glass-card{backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);box-shadow:0 8px 32px rgba(0,0,0,0.12),0 2px 8px rgba(0,0,0,0.08),inset 0 0 0 1px rgba(255,255,255,0.1);transition:all .3s cubic-bezier(0.4,0,0.2,1)}.glass-card:hover{transform:translateY(-2px);box-shadow:0 12px 48px rgba(0,0,0,0.15),0 4px 12px rgba(0,0,0,0.1),inset 0 0 0 1px rgba(255,255,255,0.15)}.profile-avatar{position:relative;display:inline-block;margin-bottom:16px}.avatar-circle{width:100px;height:100px;border-radius:50%;background:linear-gradient(135deg,var(--ios-blue),var(--ios-purple));display:flex;align-items:center;justify-content:center;font-size:48px;position:relative;z-index:1;box-shadow:0 8px 24px rgba(0,122,255,0.3),0 0 0 3px rgba(255,255,255,0.1);transition:all .4s cubic-bezier(0.34,1.56,0.64,1)}.avatar-circle::before{content:'';position:absolute;top:-4px;left:-4px;right:-4px;bottom:-4px;background:linear-gradient(45deg,var(--ios-blue),var(--ios-purple),var(--ios-pink),var(--ios-teal));background-size:400% 400%;border-radius:50%;z-index:-1;opacity:0;animation:gradientRing 3s ease infinite;transition:opacity .3s ease}.profile-avatar:hover .avatar-circle::before{opacity:1}.profile-avatar:hover .avatar-circle{transform:scale(1.05) rotate(5deg)}@keyframes gradientRing{0%,100%{background-position:0 50%}50%{background-position:100% 50%}}.status-badge{position:absolute;bottom:2px;right:2px;width:20px;height:20px;border-radius:50%;border:3px solid var(--bg-elevated)}.status-badge.online{background:var(--ios-green)}.profile-name{font-size:28px;font-weight:750;margin-bottom:10px;letter-spacing:-0.7px;line-height:1.1}.profile-tagline{font-size:15px;color:var(--ios-blue);font-weight:600;margin-bottom:8px;font-style:italic;letter-spacing:-0.2px}.profile-subtitle{font-size:15px;color:var(--label-secondary);margin-bottom:24px;letter-spacing:-0.1px}.achievement-badges{display:flex;justify-content:center;gap:10px;margin-bottom:24px;flex-wrap:wrap}.badge-item{display:flex;align-items:center;gap:7px;padding:10px 16px;background:linear-gradient(135deg,rgba(0,122,255,0.12),rgba(175,82,222,0.12));border-radius:24px;border:1.5px solid rgba(0,122,255,0.25);transition:all .4s cubic-bezier(0.34,1.56,0.64,1);box-shadow:0 2px 8px rgba(0,122,255,0.1)}.badge-item:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 6px 20px rgba(0,122,255,0.25);border-color:rgba(0,122,255,0.4);background:linear-gradient(135deg,rgba(0,122,255,0.18),rgba(175,82,222,0.18))}.badge-emoji{font-size:18px;filter:drop-shadow(0 1px 2px rgba(0,0,0,0.1))}.badge-text{font-size:13px;font-weight:650;color:var(--ios-blue);letter-spacing:-0.2px}.profile-stats{display:flex;justify-content:space-around;align-items:center;margin-top:20px;padding-top:20px;border-top:1px solid var(--separator)}.stat{text-align:center}.stat-value{font-size:20px;font-weight:700;color:var(--label-primary)}.stat-label{font-size:13px;color:var(--label-tertiary);margin-top:2px}.stat-divider{width:1px;height:30px;background:var(--separator)}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:20px}.action-btn{background:var(--bg-elevated);border:0;border-radius:20px;padding:20px 12px;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:10px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--shadow-md);position:relative;overflow:hidden;border:.5px solid var(--separator)}.action-btn::before{content:'';position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:radial-gradient(circle,rgba(0,122,255,0.2) 0%,transparent 70%);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.action-btn:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 12px 28px rgba(0,0,0,0.15),0 0 0 1px rgba(0,122,255,0.15);border-color:rgba(0,122,255,0.2)}.action-btn:hover::before{width:140px;height:140px}.action-btn:active{transform:scale(0.96) translateY(-1px);box-shadow:var(--shadow-sm)}.action-icon{font-size:36px;filter:drop-shadow(0 3px 6px rgba(0,0,0,0.12));transition:transform .35s cubic-bezier(0.34,1.56,0.64,1)}
.action-btn:hover .action-icon{transform:scale(1.15) rotate(8deg)}.action-label{font-size:13px;color:var(--label-primary);font-weight:600;letter-spacing:-0.2px}.info-section{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;padding:0 20px 24px 20px}.info-card{background:var(--bg-elevated);border-radius:20px;padding:20px 18px;box-shadow:var(--shadow-md);border:.5px solid var(--separator);transition:all .3s cubic-bezier(0.4,0,0.2,1)}.info-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg);border-color:rgba(0,122,255,0.15)}.info-header{display:flex;align-items:center;gap:10px;margin-bottom:14px}.info-icon{font-size:28px;filter:drop-shadow(0 2px 4px rgba(0,0,0,0.1))}.info-header h3{font-size:15px;font-weight:650;letter-spacing:-0.3px}.info-text{font-size:14px;font-weight:650;color:var(--label-primary);margin-bottom:6px;letter-spacing:-0.2px;line-height:1.3}.info-subtext{font-size:12px;color:var(--label-tertiary);line-height:1.4}.ios-list{padding:0 20px}.list-section{margin-bottom:32px}.list-header{font-size:13px;font-weight:600;color:var(--label-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:12px 16px 8px 16px}.list-item{background:var(--bg-elevated);padding:12px 16px;display:flex;align-items:center;gap:12px;border-bottom:.5px solid var(--separator);text-decoration:none;color:var(--label-primary)}.list-item:first-child{border-top-left-radius:10px;border-top-right-radius:10px}.list-item:last-child{border-bottom-left-radius:10px;border-bottom-right-radius:10px;border-bottom:0}.list-item.interactive:active{background:var(--fill-primary)}.list-emoji{font-size:24px}.list-icon{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:18px}.email-icon{background:var(--ios-blue)}.github-icon{background:var(--label-primary)}.linkedin-icon{background:var(--ios-blue)}.twitter-icon{background:var(--ios-blue)}.list-content{flex:1}.list-content.full{width:100%}.list-content.centered{text-align:center}.list-title{font-size:17px;font-weight:400;margin-bottom:2px}.list-subtitle{font-size:15px;color:var(--label-tertiary)}.list-badge{font-size:13px;font-weight:600;color:var(--label-tertiary)}.chevron-right{font-size:20px;color:var(--gray-3)}.skill-progress{height:4px;background:var(--fill-secondary);border-radius:2px;margin-top:8px;overflow:hidden}.progress-bar{height:100%;background:linear-gradient(90deg,var(--ios-blue),var(--ios-purple));border-radius:2px;transition:width 1s cubic-bezier(0.4,0,0.2,1)}.skill-tags-grid{display:flex;flex-wrap:wrap;gap:10px;padding:20px;background:var(--bg-elevated);border-radius:16px;box-shadow:var(--shadow-sm);border:.5px solid var(--separator)}.skill-tag{padding:8px 14px;background:linear-gradient(135deg,rgba(0,122,255,0.12),rgba(175,82,222,0.12));color:var(--ios-blue);border-radius:12px;font-size:14px;font-weight:600;letter-spacing:-0.2px;border:1px solid rgba(0,122,255,0.2);transition:all .3s cubic-bezier(0.4,0,0.2,1);box-shadow:0 1px 4px rgba(0,122,255,0.08)}.skill-tag:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 4px 12px rgba(0,122,255,0.2);background:linear-gradient(135deg,rgba(0,122,255,0.18),rgba(175,82,222,0.18));border-color:rgba(0,122,255,0.3)}.about-text{font-size:15px;line-height:1.6;color:var(--label-primary)}.featured-app{padding:20px}.featured-badge{font-size:11px;font-weight:700;color:var(--label-tertiary);letter-spacing:.5px;margin-bottom:12px}.app-card{background:var(--bg-elevated);border-radius:20px;padding:20px;display:flex;gap:18px;margin-bottom:16px;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;cursor:pointer;box-shadow:var(--shadow-md);border:.5px solid var(--separator)}.app-card::after{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left .5s ease}.app-card:hover::after{left:100%}.app-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 48px rgba(0,0,0,0.18),0 0 0 1px rgba(0,122,255,0.15);border-color:rgba(0,122,255,0.2)}.app-card:active{transform:scale(0.98) translateY(-2px);box-shadow:var(--shadow-sm)}.app-card.large{padding:24px;border-radius:24px}.app-icon{width:68px;height:68px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:34px;flex-shrink:0;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}.app-card:hover .app-icon{transform:scale(1.08) rotate(3deg)}.app-card.large .app-icon{width:84px;height:84px;font-size:42px;border-radius:18px}.gradient-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);box-shadow:0 8px 20px rgba(102,126,234,0.4);animation:gradientGlow1 3s ease-in-out infinite}.gradient-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%);box-shadow:0 8px 20px rgba(240,147,251,0.4);animation:gradientGlow2 3s ease-in-out infinite}.gradient-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%);box-shadow:0 8px 20px rgba(79,172,254,0.4);animation:gradientGlow3 3s ease-in-out infinite}
.gradient-4{background:linear-gradient(135deg,#43e97b 0%,#38f9d7 100%);box-shadow:0 8px 20px rgba(67,233,123,0.4);animation:gradientGlow4 3s ease-in-out infinite}@keyframes gradientGlow1{0%,100%{box-shadow:0 8px 20px rgba(102,126,234,0.4)}50%{box-shadow:0 8px 30px rgba(102,126,234,0.6)}}@keyframes gradientGlow2{0%,100%{box-shadow:0 8px 20px rgba(240,147,251,0.4)}50%{box-shadow:0 8px 30px rgba(240,147,251,0.6)}}@keyframes gradientGlow3{0%,100%{box-shadow:0 8px 20px rgba(79,172,254,0.4)}50%{box-shadow:0 8px 30px rgba(79,172,254,0.6)}}@keyframes gradientGlow4{0%,100%{box-shadow:0 8px 20px rgba(67,233,123,0.4)}50%{box-shadow:0 8px 30px rgba(67,233,123,0.6)}}.app-info{flex:1}.app-name{font-size:17px;font-weight:600;margin-bottom:4px}.app-subtitle{font-size:15px;color:var(--label-tertiary);margin-bottom:12px}.app-tags{display:flex;flex-wrap:wrap;gap:8px}.tag{padding:6px 12px;background:linear-gradient(135deg,rgba(0,122,255,0.12),rgba(175,82,222,0.12));color:var(--ios-blue);border-radius:10px;font-size:12px;font-weight:650;letter-spacing:-0.1px;border:1px solid rgba(0,122,255,0.2);transition:all .2s ease}.tag:hover{background:linear-gradient(135deg,rgba(0,122,255,0.18),rgba(175,82,222,0.18));transform:scale(1.05)}.app-description{font-size:15px;line-height:1.5;color:var(--label-secondary);margin:16px 0}.app-screenshots{display:flex;gap:12px;overflow-x:auto;padding:4px 0}.screenshot{width:100px;height:180px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:40px}.gradient-bg-1{background:linear-gradient(135deg,#667eea 0%,#764ba2 100%)}.gradient-bg-2{background:linear-gradient(135deg,#f093fb 0%,#f5576c 100%)}.gradient-bg-3{background:linear-gradient(135deg,#4facfe 0%,#00f2fe 100%)}.projects-list{margin-top:12px}.contact-header{padding:20px;text-align:center}.contact-header h2{font-size:24px;font-weight:700;margin-bottom:8px}.contact-header p{font-size:15px;color:var(--label-secondary)}.footer-text{font-size:13px;color:var(--label-secondary);margin-bottom:4px}.footer-subtext{font-size:12px;color:var(--label-tertiary)}.tab-bar{position:absolute;bottom:0;left:0;right:0;height:83px;background:var(--bg-elevated);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:.5px solid var(--separator);display:flex;justify-content:space-around;align-items:flex-start;padding:8px 0 20px 0}.tab-item{flex:1;background:0;border:0;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;padding:0;transition:all .3s cubic-bezier(0.4,0,0.2,1);position:relative}.tab-item::before{content:'';position:absolute;top:-8px;left:50%;transform:translateX(-50%) scaleX(0);width:40px;height:3px;background:var(--ios-blue);border-radius:2px;transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}.tab-item.active::before{transform:translateX(-50%) scaleX(1)}.tab-item:active{transform:scale(0.9)}.tab-icon{font-size:22px;filter:grayscale(100%);opacity:.6;transition:all .2s ease}.tab-item.active .tab-icon{filter:grayscale(0);opacity:1;transform:scale(1.05)}.tab-label{font-size:9px;color:var(--label-tertiary);font-weight:500;white-space:nowrap}.tab-item.active .tab-label{color:var(--ios-blue)}.home-indicator{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);width:140px;height:5px;background:var(--label-primary);border-radius:3px;opacity:.3}.screen::-webkit-scrollbar{width:4px}.screen::-webkit-scrollbar-track{background:transparent}.screen::-webkit-scrollbar-thumb{background:var(--fill-primary);border-radius:2px}@keyframes fadeInUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:fadeInUp .4s ease-out}@media(max-width:480px){.iphone-frame{width:100%;height:100vh;border-radius:0;border:0;max-height:100vh}body{padding:0}.theme-toggle{top:60px;right:10px}}@keyframes haptic{0%,100%{transform:scale(1)}50%{transform:scale(0.97)}}.haptic{animation:haptic .1s ease}.about-intro-card{background:var(--bg-elevated);border-radius:20px;padding:24px;margin-bottom:20px;position:relative;overflow:hidden;box-shadow:var(--shadow-md);border:.5px solid var(--separator)}.about-intro-card::before{content:'';position:absolute;top:-100%;left:-100%;width:300%;height:300%;background:radial-gradient(circle,rgba(0,122,255,0.05) 0%,transparent 70%);animation:pulse 5s ease-in-out infinite}.intro-icon{font-size:48px;margin-bottom:16px;display:inline-block;animation:floatIcon 3s ease-in-out infinite}@keyframes floatIcon{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}.achievement-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px;background:var(--bg-elevated);border-radius:20px;margin-bottom:20px;box-shadow:var(--shadow-md);border:.5px solid var(--separator)}.achievement-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px 14px;background:linear-gradient(135deg,rgba(0,122,255,0.1),rgba(175,82,222,0.1));border-radius:16px;border:1.5px solid rgba(0,122,255,0.2);transition:all .4s cubic-bezier(0.34,1.56,0.64,1);position:relative;overflow:hidden;box-shadow:0 2px 8px rgba(0,122,255,0.08)}
.achievement-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.1),transparent);transition:left .5s ease}.achievement-card:hover::before{left:100%}.achievement-card:hover{transform:translateY(-6px) scale(1.08);box-shadow:0 12px 32px rgba(0,122,255,0.25);border-color:rgba(0,122,255,0.4);background:linear-gradient(135deg,rgba(0,122,255,0.15),rgba(175,82,222,0.15))}.achievement-emoji{font-size:36px;margin-bottom:12px;filter:drop-shadow(0 3px 10px rgba(0,0,0,0.15))}.achievement-number{font-size:24px;font-weight:750;color:var(--label-primary);margin-bottom:6px;line-height:1;letter-spacing:-0.5px}.achievement-label{font-size:11px;color:var(--label-secondary);text-align:center;font-weight:600;letter-spacing:-0.1px}.timeline{position:relative;padding:20px 22px;background:var(--bg-elevated);border-radius:20px;box-shadow:var(--shadow-md);border:.5px solid var(--separator)}.timeline-item{position:relative;padding-left:40px;padding-bottom:32px}.timeline-item:last-child{padding-bottom:0}.timeline-item::before{content:'';position:absolute;left:11px;top:24px;bottom:0;width:2px;background:linear-gradient(180deg,var(--ios-blue),rgba(0,122,255,0.2))}.timeline-item:last-child::before{display:none}.timeline-dot{position:absolute;left:0;top:8px;width:24px;height:24px;border-radius:50%;background:var(--bg-elevated);border:3px solid var(--ios-blue);box-shadow:0 0 0 4px var(--bg-elevated),0 2px 8px rgba(0,122,255,0.3);transition:all .3s ease;z-index:1}.timeline-dot.active{background:var(--ios-blue);animation:dotPulse 2s ease-in-out infinite}@keyframes dotPulse{0%,100%{box-shadow:0 0 0 4px var(--bg-elevated),0 0 0 8px rgba(0,122,255,0.2)}50%{box-shadow:0 0 0 4px var(--bg-elevated),0 0 0 12px rgba(0,122,255,0.1)}}.timeline-content{background:linear-gradient(135deg,rgba(0,122,255,0.06),rgba(175,82,222,0.06));border:1.5px solid rgba(0,122,255,0.15);border-radius:16px;padding:18px;transition:all .35s cubic-bezier(0.4,0,0.2,1);box-shadow:0 2px 8px rgba(0,122,255,0.06)}.timeline-content:hover{transform:translateX(6px);box-shadow:0 6px 20px rgba(0,122,255,0.18);border-color:rgba(0,122,255,0.3);background:linear-gradient(135deg,rgba(0,122,255,0.1),rgba(175,82,222,0.1))}.timeline-content h4{font-size:17px;font-weight:600;color:var(--label-primary);margin-bottom:4px}.timeline-content .role{font-size:15px;color:var(--ios-blue);font-weight:500;margin-bottom:8px}.timeline-content .period{font-size:13px;color:var(--label-tertiary);margin-bottom:12px;display:flex;align-items:center;gap:4px}.timeline-content ul{margin:0;padding-left:20px}.timeline-content li{font-size:14px;color:var(--label-secondary);line-height:1.5;margin-bottom:6px}.timeline-content li:last-child{margin-bottom:0}.project-stats{display:flex;gap:12px;margin-top:16px;flex-wrap:wrap}.stat-item{display:flex;align-items:center;gap:6px;padding:6px 12px;background:linear-gradient(135deg,rgba(52,199,89,0.1),rgba(0,122,255,0.1));border-radius:12px;border:1px solid rgba(52,199,89,0.2);transition:all .3s ease}.stat-item:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(52,199,89,0.2)}.stat-emoji{font-size:14px}.stat-text{font-size:12px;font-weight:600;color:var(--ios-green)}.project-badge{position:absolute;top:12px;right:12px;padding:4px 10px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.3px;z-index:2;animation:badgeEntrance .6s cubic-bezier(0.34,1.56,0.64,1)}@keyframes badgeEntrance{0%{opacity:0;transform:scale(0.5) rotate(-5deg)}100%{opacity:1;transform:scale(1) rotate(0)}}.hackathon-badge{background:linear-gradient(135deg,rgba(88,86,214,0.15),rgba(175,82,222,0.15));color:var(--ios-purple);border:1px solid rgba(88,86,214,0.3)}.winner-badge{background:linear-gradient(135deg,rgba(255,149,0,0.15),rgba(255,45,85,0.15));color:var(--ios-orange);border:1px solid rgba(255,149,0,0.3)}.project-description{font-size:13px;color:var(--label-secondary);line-height:1.4;margin-top:10px}.contact-hero{padding:36px 24px;text-align:center;background:var(--bg-elevated);margin:20px;border-radius:24px;position:relative;overflow:hidden;box-shadow:var(--shadow-lg);border:.5px solid var(--separator)}.contact-hero::before{content:'';position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(0,122,255,0.08) 0%,transparent 70%);animation:pulse 4s ease-in-out infinite}.contact-avatar{position:relative;display:inline-block;margin-bottom:16px}.status-pulse{position:absolute;bottom:5px;right:5px;width:16px;height:16px;background:var(--ios-green);border-radius:50%;border:3px solid var(--bg-elevated);animation:statusPulse 2s ease-in-out infinite}@keyframes statusPulse{0%,100%{box-shadow:0 0 0 0 rgba(52,199,89,0.7)}50%{box-shadow:0 0 0 8px rgba(52,199,89,0)}}.contact-hero h2{font-size:28px;font-weight:700;margin-bottom:8px}.contact-hero p{font-size:15px;color:var(--label-secondary);line-height:1.5;margin-bottom:16px;padding:0 20px}
.availability-badge{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;background:linear-gradient(135deg,rgba(52,199,89,0.15),rgba(0,122,255,0.15));border:1.5px solid rgba(52,199,89,0.35);border-radius:24px;font-size:14px;font-weight:650;color:var(--ios-green);box-shadow:0 2px 8px rgba(52,199,89,0.15);letter-spacing:-0.2px}.pulse-dot{width:8px;height:8px;background:var(--ios-green);border-radius:50%;animation:dotPulse 2s ease-in-out infinite}.quick-connect{padding:0 20px 20px 20px}.connect-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px}.connect-card{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:28px 18px;border-radius:20px;text-decoration:none;position:relative;overflow:hidden;transition:all .35s cubic-bezier(0.34,1.56,0.64,1);box-shadow:var(--shadow-md);border:.5px solid rgba(255,255,255,0.1)}.connect-card::before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,0.2),transparent);transition:left .5s ease}.connect-card:hover::before{left:100%}.connect-card:hover{transform:translateY(-6px) scale(1.05);box-shadow:var(--shadow-xl);border-color:rgba(255,255,255,0.2)}.connect-card:active{transform:scale(0.97) translateY(-2px)}.github-card{background:linear-gradient(135deg,#24292e 0%,#4a5568 100%)}.linkedin-card{background:linear-gradient(135deg,#0077b5 0%,#00a0dc 100%)}.email-card{background:linear-gradient(135deg,#007aff 0%,#5856d6 100%)}.connect-icon{font-size:40px;margin-bottom:12px;filter:drop-shadow(0 3px 10px rgba(0,0,0,0.25));transition:transform .3s cubic-bezier(0.34,1.56,0.64,1)}.connect-card:hover .connect-icon{transform:scale(1.15) rotate(5deg)}.connect-label{font-size:14px;font-weight:700;color:white;letter-spacing:-0.2px;text-shadow:0 1px 3px rgba(0,0,0,0.2)}.contact-footer{padding:20px;text-align:center;margin-top:20px}.contact-footer .footer-text{font-size:14px;color:var(--label-primary);margin-bottom:6px}.contact-footer .footer-subtext{font-size:12px;color:var(--label-tertiary);margin-bottom:4px}