.hero{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;max-width:980px;min-height:100vh;margin:0 auto;padding:120px 24px 40px;display:flex;position:relative}.hero-eyebrow{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;opacity:0;margin-bottom:16px;font-size:14px;font-weight:600;animation:.8s .2s forwards fadeUp}.hero h1{letter-spacing:-.04em;background:linear-gradient(135deg,#1d1d1f 0%,#434344 50%,#1d1d1f 100%) 0 0/200%;-webkit-text-fill-color:transparent;opacity:0;-webkit-background-clip:text;background-clip:text;margin:0 0 16px;font-size:clamp(40px,5.5vw,72px);font-weight:800;line-height:1.05;animation:.9s .4s forwards fadeUp}.hero p{color:var(--text-secondary);letter-spacing:-.2px;opacity:0;max-width:560px;margin:0 auto 28px;font-size:18px;font-weight:400;line-height:1.55;animation:.9s .6s forwards fadeUp}.hero-actions{opacity:0;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;animation:.9s .8s forwards fadeUp;display:flex}.hero-cta{background:var(--text-primary);color:#fff;cursor:pointer;border:none;border-radius:980px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;box-shadow:0 4px 16px #00000026}.hero-cta:hover{background:#000;transform:translateY(-2px)scale(1.03);box-shadow:0 8px 28px #0003}.hero-cta-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(16px)saturate(150%);background:#ffffff59;border:1px solid #ffffff73;border-radius:980px;align-items:center;gap:6px;padding:14px 24px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden;box-shadow:0 2px 12px #0000000a}.hero-cta-secondary:hover{background:#fff9;transform:translateY(-2px)scale(1.02);box-shadow:0 6px 24px #00000014}.scroll-hint{opacity:0;animation:1s 1.2s forwards fadeUp;position:absolute;bottom:32px;left:50%;transform:translate(-50%)}.scroll-hint svg{width:24px;height:24px;color:var(--text-secondary);animation:2s infinite bounce}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(8px)}60%{transform:translateY(4px)}}.opportunity-badge{backdrop-filter:blur(12px)saturate(150%);cursor:default;border:1px solid #34c75940;border-radius:100px;align-items:center;gap:10px;margin-bottom:20px;transition:all .3s;box-shadow:0 2px 12px #34c75914;color:var(--success)!important;letter-spacing:.3px!important;text-transform:none!important;background:#34c7591a!important;padding:8px 18px!important;font-size:13px!important;font-weight:600!important;display:inline-flex!important}.opportunity-badge:hover{transform:scale(1.03);background:#34c75926!important}.opportunity-dot{background:var(--success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite pulse-green;box-shadow:0 0 0 3px #34c75933}@keyframes pulse-green{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}.exp-timeline{padding-left:40px;position:relative}.exp-timeline:before{content:"";background:linear-gradient(180deg, var(--accent), #0071e31a);border-radius:2px;width:2px;position:absolute;top:8px;bottom:8px;left:11px}.exp-item{opacity:0;margin-bottom:32px;transition:all .7s cubic-bezier(.25,.46,.45,.94);position:relative;transform:translate(-20px)}.exp-item.visible{opacity:1;transform:translate(0)}.exp-item:last-child{margin-bottom:0}.exp-dot{background:var(--accent);border:3px solid var(--bg);width:12px;height:12px;box-shadow:0 0 0 2px var(--accent);z-index:2;border-radius:50%;position:absolute;top:6px;left:-34px}.exp-item:hover .exp-dot{transition:transform .3s;transform:scale(1.3)}.exp-card-inner{background:var(--surface);backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow);padding:32px;transition:all .4s}.exp-card-inner:hover{box-shadow:var(--glass-shadow-hover);background:var(--surface-hover);transform:translate(8px)}.exp-card-top{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:8px;display:flex}.exp-company{color:var(--text-primary);letter-spacing:-.4px;font-size:20px;font-weight:800}.exp-date{color:var(--text-secondary);background:#0000000a;border-radius:100px;padding:4px 12px;font-size:13px;font-weight:500}.exp-role{color:var(--accent);letter-spacing:-.1px;margin-bottom:14px;font-size:14px;font-weight:600}.exp-card-inner p{color:var(--text-secondary);margin:0 0 18px;font-size:15px;line-height:1.65}.exp-tags{flex-wrap:wrap;gap:8px;display:flex}.exp-tag{color:var(--text-secondary);letter-spacing:.2px;background:#0000000a;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:600;transition:all .2s}.exp-card-inner:hover .exp-tag{color:var(--accent);background:#0071e314}.skills-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.skill-card{background:var(--surface);backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius-sm);box-shadow:var(--glass-shadow);opacity:0;padding:28px;transition:all .4s cubic-bezier(.25,.46,.45,.94);transform:translateY(20px)scale(.96)}.skill-card.visible{opacity:1;transform:translateY(0)scale(1)}.skill-card:hover{box-shadow:var(--glass-shadow-hover);background:var(--surface-hover);transform:translateY(-5px)scale(1.02)}.skill-card-header{align-items:center;gap:12px;margin-bottom:16px;display:flex}.skill-card-icon{width:36px;height:36px;color:var(--accent);background:#0071e314;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;transition:background .3s;display:flex}.skill-card:hover .skill-card-icon{background:#0071e324}.skill-card-title{letter-spacing:-.3px;color:var(--text-primary);font-size:17px;font-weight:700}.skill-card-tags{flex-wrap:wrap;gap:8px;display:flex}.skill-tag{color:var(--text-secondary);background:#0000000a;border-radius:100px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .2s}.skill-card:hover .skill-tag{color:var(--accent);background:#0071e314}.projects-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.project-card{color:inherit;padding:0;text-decoration:none;display:block;position:relative;overflow:hidden}a.project-card:hover{color:inherit}a.project-card h3{color:var(--text-primary)}.project-card .project-visual{border-radius:var(--radius-sm);background:linear-gradient(135deg,#e8e8ed 0%,#f5f5f7 50%,#e2e2e6 100%);justify-content:center;align-items:center;height:200px;margin:8px 8px 0;font-size:56px;transition:all .4s;display:flex;position:relative;overflow:hidden}.project-card:hover .project-visual{transform:scale(1.02)}.project-visual:after{content:"";background:linear-gradient(#0000 30%,#0000000a 100%);position:absolute;inset:0}.project-visual-shine{opacity:0;pointer-events:none;background:radial-gradient(circle,#fff6 0%,#0000 60%);width:200%;height:200%;transition:opacity .4s;position:absolute;top:-50%;left:-50%}.project-card:hover .project-visual-shine{opacity:1}.project-card .project-body{padding:28px}.project-card h3{letter-spacing:-.3px;margin:0 0 10px;font-size:20px;font-weight:700}.project-card p{color:var(--text-secondary);margin:0 0 18px;font-size:14px;line-height:1.6}.project-tags{flex-wrap:wrap;gap:8px;display:flex}.project-tag{color:var(--text-secondary);letter-spacing:.2px;background:#0000000a;border-radius:100px;padding:5px 12px;font-size:11px;font-weight:600}.coming-soon,.coming-soon-visual{position:relative;overflow:hidden}.coming-soon-shimmer{background:linear-gradient(90deg,#0000 0%,#fff6 50%,#0000 100%);animation:2.5s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.coming-soon-icon{z-index:2;opacity:.4;filter:grayscale(.6);position:relative}.coming-soon .project-body h3{color:var(--text-secondary)}.coming-soon .project-body p{color:var(--text-secondary);opacity:.7}.coming-soon .project-tag{opacity:.5}.blog-list{flex-direction:column;gap:16px;display:flex}.blog-item{background:var(--surface);backdrop-filter:blur(24px)saturate(150%);border:1px solid var(--glass-border);border-radius:var(--radius);box-shadow:var(--glass-shadow);color:inherit;opacity:0;justify-content:space-between;align-items:flex-start;gap:28px;padding:32px 36px;text-decoration:none;transition:all .4s cubic-bezier(.25,.46,.45,.94);display:flex;position:relative;overflow:hidden;transform:translate(-20px)}.blog-item.visible{opacity:1;transform:translate(0)}.blog-item:before{content:"";background:var(--accent);opacity:0;width:3px;transition:opacity .3s;position:absolute;top:0;bottom:0;left:0}.blog-item:hover{box-shadow:var(--glass-shadow-hover);background:var(--surface-hover);transform:translate(8px)}.blog-item:hover:before{opacity:1}.blog-content{flex:1;min-width:0}.blog-meta{align-items:center;gap:14px;margin-bottom:12px;display:flex}.blog-date{color:var(--text-secondary);font-size:13px;font-weight:500}.blog-category{color:var(--accent);text-transform:uppercase;letter-spacing:.5px;background:#0071e314;border-radius:100px;padding:4px 12px;font-size:11px;font-weight:700}.blog-item h3{letter-spacing:-.3px;margin:0 0 10px;font-size:21px;font-weight:700;line-height:1.3;transition:color .2s}.blog-item:hover h3{color:var(--accent)}.blog-item p{color:var(--text-secondary);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:15px;line-height:1.6;display:-webkit-box;overflow:hidden}.blog-arrow{width:44px;height:44px;color:var(--text-secondary);background:#0000000a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;margin-top:4px;font-size:18px;transition:all .3s;display:flex}.blog-item:hover .blog-arrow{background:var(--accent);color:#fff;transform:translate(4px)scale(1.1)}.contact-section{padding-bottom:60px}.contact-glass{-webkit-backdrop-filter:blur(40px)saturate(180%);border-radius:var(--radius);text-align:center;opacity:0;background:linear-gradient(135deg,#0071e30a 0%,#0071e303 100%);border:1px solid #0071e31a;padding:72px 48px;transition:all .8s;position:relative;overflow:hidden;transform:translateY(30px);box-shadow:inset 0 1px #ffffff80,0 8px 40px #0000000f,0 2px 8px #0000000a}.contact-glass.visible{opacity:1;transform:translateY(0)}.contact-glass:hover{box-shadow:var(--glass-shadow-hover);background:linear-gradient(135deg,#0071e312 0%,#0071e305 100%)}.contact-glass:before{content:"";border-radius:inherit;-webkit-mask-composite:xor;pointer-events:none;opacity:.6;background:linear-gradient(135deg,#ffffffb3,#ffffff1a,#0071e326);padding:1.5px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-composite:exclude;mask-mode:match-source,match-source}.contact-glass:after{content:"";pointer-events:none;background:radial-gradient(circle at 30% 30%,#0071e30f,#0000 50%);width:200%;height:200%;position:absolute;top:-50%;left:-50%}.contact-glass h2{letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(32px,4vw,44px);font-weight:800;position:relative}.contact-glass p{color:var(--text-secondary);max-width:420px;margin:0 auto 40px;font-size:18px;position:relative}.contact-links{flex-wrap:wrap;justify-content:center;gap:14px;display:flex;position:relative}.contact-link{border-radius:980px;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.25,.46,.45,.94);display:inline-flex;position:relative;overflow:hidden}.contact-link.primary{background:var(--text-primary);color:#fff;box-shadow:0 4px 16px #00000026}.contact-link.primary:hover{background:#000;transform:translateY(-3px)scale(1.03);box-shadow:0 8px 28px #00000040}.contact-link.secondary{color:var(--text-primary);backdrop-filter:blur(8px);background:#fff9;border:1px solid #00000014}.contact-link.secondary:hover{background:#ffffffe6;border-color:#0000001f;transform:translateY(-3px)}@media (width<=900px){.skills-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:1fr}}@media (width<=768px){.hero{min-height:auto;padding:160px 24px 80px}.exp-timeline{padding-left:32px}.exp-dot{left:-28px}.projects-grid,.skills-grid{grid-template-columns:1fr}.blog-item{flex-direction:column;padding:24px}.blog-arrow{align-self:flex-end;margin-top:0}.contact-glass{padding:48px 28px}.hero-actions{flex-direction:column;width:100%}.hero-cta,.hero-cta-secondary{justify-content:center;width:100%}}