.page-index{--accent-sky:#0284c7;--accent-blue:#2563eb;--accent-blue-light:#38bdf8;--accent-amber:#d97706;--accent-rose:#e11d48;background-attachment:scroll;padding-block:0}.page-index:after,.page-index:before{display:none}.page-index>:not(.scroll-top-btn):not(.page-loader):not(.nav-header):not(.page-load-bar){z-index:1;position:relative}.page-index .scroll-top-btn{z-index:9990!important;position:fixed!important}.page-index .glass-panel,.page-index .nav-header{-webkit-backdrop-filter:none;background:#fff}@media (width>=1025px){.page-index .sidebar{max-height:none;padding-right:0;overflow-y:visible}}.page-load-bar{display:none}body.is-loading .page-load-bar{z-index:10000;background:linear-gradient(90deg, var(--primary), var(--accent-sky), var(--accent-blue-light));pointer-events:none;transform-origin:0;background-size:200% 100%;width:100%;height:3px;animation:1.2s ease-in-out infinite skeletonBar;display:block;position:fixed;top:0;left:0}@keyframes skeletonBar{0%{background-position:100% 0}to{background-position:-100% 0}}@keyframes skeletonShimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-only,.skeleton-project-card{display:none}body.is-loading .skeleton-block,body.is-loading .skeleton-line,body.is-loading .skeleton-pill,body.is-loading .skeleton-chart,body.is-loading .skeleton-media{background:linear-gradient(90deg,#e2e8f0 0%,#f1f5f9 40%,#e2e8f0 80%) 0 0/200% 100%;border-radius:8px;animation:1.4s ease-in-out infinite skeletonShimmer}body.is-loading .skeleton-only{display:block}body.is-loading .skeleton-stack.skeleton-only{display:grid}body.is-loading .skeleton-tag-cloud.skeleton-only{display:flex}body.is-loading .skeleton-project-card{pointer-events:none;display:grid;border-left-color:#e2e8f0!important}.skeleton-stack{gap:.65rem;width:100%;margin-top:.5rem}.skeleton-line{border-radius:6px;height:.85rem}.skeleton-line.w-xs{width:28%}.skeleton-line.w-30{width:30%}.skeleton-line.w-35{width:35%}.skeleton-line.w-40{width:40%}.skeleton-line.w-70{width:70%}.skeleton-line.w-75{width:75%}.skeleton-line.w-80{width:80%}.skeleton-line.w-85{width:85%}.skeleton-line.w-90{width:90%}.skeleton-line.w-95{width:95%}.skeleton-line.w-full{width:100%}.skeleton-pill{border-radius:999px;flex-shrink:0;height:1.35rem;display:inline-block}.skeleton-pill.w-xs{width:3.5rem}.skeleton-pill.w-sm{width:4.5rem}.skeleton-pill.w-md{width:6rem}.skeleton-pill.w-lg{width:7.5rem}.skeleton-stat{border-radius:6px;width:2.5rem;height:1.75rem;margin-inline:auto}.skeleton-chart{z-index:2;border-radius:50%;width:180px;height:180px;margin:auto;position:absolute;inset:0}.page-index .chart-container{min-height:200px;position:relative}body.is-loading .chart-container svg{visibility:hidden}.skeleton-tag-cloud{flex-wrap:wrap;justify-content:center;gap:.5rem;padding:.75rem 0}body.is-loading #tags-cloud-container,body.is-loading #contact-list:empty{display:none}.skeleton-project-body{gap:.65rem;display:grid}.skeleton-tag-row{flex-wrap:wrap;gap:.35rem;display:flex}.skeleton-btn{border-radius:var(--radius-sm);height:2rem;margin-top:.25rem}.skeleton-media{aspect-ratio:16/10;border-radius:0;width:100%;min-height:0}.skeleton-frame{pointer-events:none;width:100%}.skeleton-frame .media-frame-bar span{opacity:.35}@media (width>=768px){.skeleton-project-card{grid-template-columns:minmax(0,1.12fr) minmax(240px,40%)}}.page-loader{display:none}.hero-section{background:linear-gradient(135deg, #0596691a 0%, transparent 42%), linear-gradient(225deg, #0284c712 0%, transparent 38%), linear-gradient(45deg, #0284c70f 0%, transparent 35%), var(--bg-secondary);border:1px solid #05966933;padding:2.25rem 2rem;position:relative;overflow:hidden;box-shadow:0 20px 50px -24px #05966959}.hero-section:before{content:"";border-radius:inherit;background:linear-gradient(120deg, var(--primary), var(--accent-sky), var(--accent-blue-light), var(--secondary));-webkit-mask-composite:xor;pointer-events:none;background-size:300% 300%;padding:1px;position:absolute;inset:-1px;mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-position:0 0,0 0;mask-size:auto,auto;mask-repeat:repeat,repeat;mask-clip:content-box,border-box;mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}@media (prefers-reduced-motion:no-preference){.hero-section:before{animation:8s infinite gradientBorder}}@keyframes gradientBorder{0%,to{background-position:0%}50%{background-position:100%}}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#10b9811f 0%,#0000 70%);width:320px;height:320px;position:absolute;top:-40%;right:-10%}.hero-grid{align-items:center;gap:2rem;display:grid}@media (width>=900px){.hero-grid{grid-template-columns:1.2fr 1fr}}.hero-eyebrow{font-family:var(--font-heading);letter-spacing:.12em;text-transform:uppercase;color:var(--primary-hover);background:linear-gradient(135deg,#0596691f,#0284c714);border:1px solid #05966938;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1rem;padding:.35rem .75rem;font-size:.72rem;font-weight:700;display:inline-flex}@media (prefers-reduced-motion:no-preference){.hero-eyebrow{animation:3s ease-in-out infinite badgePulse}}@keyframes badgePulse{0%,to{box-shadow:0 0 #05966933}50%{box-shadow:0 0 0 6px #05966900}}.hero-title{background:linear-gradient(135deg, var(--text-primary) 0%, var(--primary) 45%, var(--accent-sky) 100%);-webkit-text-fill-color:transparent;background-size:200%;background-clip:text;margin-bottom:.85rem;font-size:clamp(1.65rem,3vw,2.35rem);line-height:1.15}@media (prefers-reduced-motion:no-preference){.hero-title{animation:6s ease-in-out infinite alternate titleShine}}@keyframes titleShine{0%{background-position:0%}to{background-position:100%}}.hero-lead{color:var(--text-secondary);max-width:52ch;margin-bottom:1.5rem;font-size:1.02rem;line-height:1.75}.hero-lead strong{color:var(--text-primary);font-weight:600}.hero-actions{flex-wrap:wrap;gap:.75rem;display:flex}.hero-btn{border-radius:var(--radius-sm);font-family:var(--font-heading);cursor:pointer;transition:var(--transition-smooth);border:none;align-items:center;gap:.45rem;padding:.7rem 1.25rem;font-size:.88rem;font-weight:600;text-decoration:none;display:inline-flex}.hero-btn-primary{background:linear-gradient(135deg, var(--primary), var(--secondary));color:#fff;box-shadow:0 8px 24px -6px #10b98173}.hero-btn-primary:hover{color:#fff;transform:translateY(-2px);box-shadow:0 12px 28px -6px #10b9818c}.hero-btn-ghost{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.hero-btn-ghost:hover{border-color:var(--primary);color:var(--primary-hover);background:var(--primary-glow)}.hero-stats{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}@media (width>=480px){.hero-stats{grid-template-columns:repeat(2,1fr)}}.stat-card{backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);text-align:center;transition:var(--transition-smooth);background:#ffffffd1;padding:1.1rem 1rem;position:relative;overflow:hidden}.stat-card:before{content:"";background:linear-gradient(90deg, var(--primary), var(--secondary));height:3px;position:absolute;top:0;left:0;right:0}.stat-card:first-child:before{background:linear-gradient(90deg,#059669,#10b981)}.stat-card:nth-child(2):before{background:linear-gradient(90deg,#0284c7,#38bdf8)}.stat-card:nth-child(3):before{background:linear-gradient(90deg,#2563eb,#60a5fa)}.stat-card:nth-child(4):before{background:linear-gradient(90deg,#d97706,#fbbf24)}.stat-card:first-child .stat-value{color:#047857}.stat-card:nth-child(2) .stat-value{color:#0369a1}.stat-card:nth-child(3) .stat-value{color:#1d4ed8}.stat-card:nth-child(4) .stat-value{color:#b45309}.stat-card:hover{box-shadow:var(--shadow-md);border-color:#10b98159;transform:translateY(-2px)}.stat-value{font-family:var(--font-heading);color:var(--primary-hover);margin-bottom:.25rem;font-size:1.75rem;font-weight:800;line-height:1}.stat-label{color:var(--text-muted);font-size:.72rem;font-weight:600;line-height:1.3}.reveal{opacity:0;animation:.65s cubic-bezier(.22,1,.36,1) forwards revealUp;transform:translateY(18px)}.reveal-delay-1{animation-delay:80ms}.reveal-delay-2{animation-delay:.16s}.reveal-delay-3{animation-delay:.24s}.reveal-delay-4{animation-delay:.32s}@keyframes revealUp{to{opacity:1;transform:translateY(0)}}.page-index .main-content{gap:1.75rem}@media (width<=1024px){.page-index .container{flex-direction:column;display:flex}.page-index .main-content{order:-1}}.page-index .sidebar .glass-panel:first-child{border-top:3px solid var(--primary);overflow:visible}.page-index #nav-admin{opacity:.65;font-size:.82rem}.page-index #nav-admin:hover{opacity:1}.page-index .content-tabs-container{background:linear-gradient(135deg,#0596690f,#0284c70d);border-color:#0596692e}.page-index .sidebar .chart-card{transition:var(--transition-smooth)}.page-index .sidebar .chart-card:hover{border-color:#05966940;box-shadow:0 16px 40px -16px #05966940}body.is-ready .page-index .radar-polygon{stroke-dashoffset:0;animation:none}@media (prefers-reduced-motion:no-preference){.page-index .avatar{animation:4s ease-in-out infinite alternate avatarGlow}}@keyframes avatarGlow{0%{box-shadow:0 0 0 0 #05966959, var(--shadow-glow)}to{box-shadow:0 0 0 8px #05966900,0 12px 32px -8px #0284c759}}body:not(.is-loading) .skeleton-only,body:not(.is-loading) .skeleton-project-card{display:none!important}@media (prefers-reduced-motion:reduce){body.is-loading .skeleton-block,body.is-loading .skeleton-line,body.is-loading .skeleton-pill,body.is-loading .skeleton-chart,body.is-loading .skeleton-media,body.is-loading .page-load-bar{animation:none}.hero-section:before,.hero-eyebrow,.hero-title,.page-index .avatar{transition:none!important;animation:none!important}}.page-index .cloud-tag{transition:var(--transition-smooth)}.page-index .cloud-tag:hover{background:linear-gradient(135deg, var(--primary), var(--accent-sky));transform:translateY(-3px)scale(1.06)}.page-index .filter-btn.active{background:linear-gradient(135deg, var(--primary), var(--accent-sky))}