:root{scroll-behavior:smooth}.profile-container{color:#f1f5f9;min-height:100-vh;background-color:#1e293b;font-family:ui-sans-serif,system-ui,-apple-system,sans-serif}.profile-container .section-padding{max-width:64rem;margin:0 auto;padding:4.5rem 1.5rem}.profile-container .accent-text{color:#38bdf8}.nav-bar{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#1e293be6;border-bottom:1px solid #38bdf81a;padding:1rem;position:sticky;top:0}.nav-bar .nav-content{justify-content:space-between;align-items:center;max-width:64rem;margin:0 auto;display:flex}.nav-bar .contact-btn{color:#1e293b;background-color:#38bdf8;border-radius:.5rem;padding:.5rem 1rem;font-weight:700;transition:all .2s}.nav-bar .contact-btn:hover{background-color:#84d7fb;transition:background-color .3s}.profile-image-wrapper{border:4px solid #38bdf8;border-radius:9999px;width:12rem;height:12rem;overflow:hidden;box-shadow:0 25px 50px -12px #38bdf833}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}@media (min-width:768px){.skill-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.skill-card{text-align:center;background-color:#33415580;border:1px solid #38bdf833;border-radius:.75rem;padding:1.5rem;transition:transform .3s}.skill-card:hover{border-color:#38bdf8;transform:translateY(-5px)}.skill-card .icon-box{justify-content:center;margin-bottom:.75rem;font-size:1.875rem;display:flex}.experience-item{border-left:4px solid #475569;margin-bottom:3rem;padding-left:1.5rem;position:relative}.experience-item.current{border-color:#38bdf8}.experience-item .date{text-transform:uppercase;font-family:monospace;font-size:.875rem;font-weight:600}