.projects-page{background:#0a1018;color:#f1f5f9;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow-x:hidden}.projects-page__bg{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}.projects-page__bg:after,.projects-page__bg:before{content:"";position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(120px);opacity:.35}.projects-page__bg:before{top:-20vmax;left:-10vmax;background:radial-gradient(circle,rgba(42,191,191,.6),transparent 70%)}.projects-page__bg:after{bottom:-25vmax;right:-10vmax;background:radial-gradient(circle,rgba(59,130,246,.55),transparent 70%)}.projects-page__hero{position:relative;z-index:1;padding:calc(var(--public-header-h, 72px) + 80px) 24px 56px;text-align:center}.projects-page__container{max-width:1240px;margin:0 auto}.projects-page__eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:hsla(0,0%,100%,.06);border:1px solid hsla(0,0%,100%,.1);font-size:13px;font-weight:600;color:rgba(241,245,249,.85);letter-spacing:.04em;text-transform:uppercase;margin-bottom:24px;opacity:0;transform:translateY(-8px);animation:proj-hero-fade-in .5s cubic-bezier(.2,.8,.2,1) .05s forwards}.projects-page__title{opacity:0;transform:translateY(20px);animation:proj-hero-fade-in .6s cubic-bezier(.2,.8,.2,1) .15s forwards}.projects-page__subtitle{opacity:0;transform:translateY(16px);animation:proj-hero-fade-in .6s cubic-bezier(.2,.8,.2,1) .3s forwards}@keyframes proj-hero-fade-in{to{opacity:1;transform:translateY(0)}}.projects-page__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:linear-gradient(135deg,#2abfbf,#3b82f6);box-shadow:0 0 12px rgba(42,191,191,.7)}.projects-page__title{font-family:Outfit,Inter,sans-serif;font-size:clamp(36px,5vw,64px);font-weight:800;line-height:1.05;letter-spacing:-.02em;margin:0 auto 20px;max-width:900px}.projects-page__title-accent{background:linear-gradient(135deg,#2abfbf,#3b82f6 50%,#a855f7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.projects-page__subtitle{font-size:clamp(16px,1.4vw,19px);line-height:1.55;color:rgba(241,245,249,.72);max-width:720px;margin:0 auto}.projects-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:28px;padding:24px 24px 96px;max-width:1240px;margin:0 auto}.proj-card{position:relative;display:flex;flex-direction:column;background:linear-gradient(180deg,hsla(0,0%,100%,.04),hsla(0,0%,100%,.02));border:1px solid hsla(0,0%,100%,.08);border-radius:24px;overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease;isolation:isolate;opacity:0;transform:translateY(28px);animation:proj-card-enter .7s cubic-bezier(.2,.8,.2,1) forwards}.proj-card:first-child{animation-delay:.05s}.proj-card:nth-child(2){animation-delay:.15s}.proj-card:nth-child(3){animation-delay:.25s}.proj-card:nth-child(4){animation-delay:.35s}.proj-card:nth-child(5){animation-delay:.45s}.proj-card:nth-child(6){animation-delay:.55s}@keyframes proj-card-enter{to{opacity:1;transform:translateY(0)}}.proj-card:before{content:"";position:absolute;inset:0;border-radius:24px;padding:1px;background:linear-gradient(135deg,var(--proj-accent),transparent 50%,var(--proj-accent-2));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .4s ease;pointer-events:none}.proj-card:hover{transform:translateY(-6px);border-color:hsla(0,0%,100%,.16);box-shadow:0 20px 60px -20px rgba(0,0,0,.6),0 0 60px -20px var(--proj-accent)}.proj-card:hover:before{opacity:1}.proj-card__head{position:relative;padding:32px 28px 24px;background:radial-gradient(circle at 100% 0,var(--proj-card-glow,hsla(0,0%,100%,.08)) 0,transparent 60%),linear-gradient(135deg,var(--proj-accent-bg-soft,hsla(0,0%,100%,.04)) 0,transparent 100%);overflow:hidden}.proj-card__head:after{content:"";position:absolute;top:-40%;right:-10%;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,var(--proj-accent) 0,transparent 65%);opacity:.18;filter:blur(20px);pointer-events:none}.proj-card__badge{padding:4px 12px;border-radius:999px;background:hsla(0,0%,100%,.08);border:1px solid hsla(0,0%,100%,.12);color:rgba(241,245,249,.85);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.proj-card__badge,.proj-card__icon{display:inline-flex;align-items:center}.proj-card__icon{justify-content:center;width:64px;height:64px;border-radius:18px;background:linear-gradient(135deg,var(--proj-accent) 0,var(--proj-accent-2) 100%);margin:18px 0;box-shadow:0 10px 30px -10px var(--proj-accent)}.proj-card__icon svg{width:30px;height:30px;color:#fff}.proj-card__name{font-family:Outfit,Inter,sans-serif;font-size:28px;font-weight:800;letter-spacing:-.01em;color:#fff;margin:0 0 6px}.proj-card__name-en{font-size:13px;font-weight:600;color:var(--proj-accent);letter-spacing:.06em;text-transform:uppercase}.proj-card__body{padding:22px 28px 16px;flex:1;display:flex;flex-direction:column}.proj-card__tagline{font-size:15px;line-height:1.55;color:rgba(241,245,249,.78);margin:0 0 18px;flex:1}.proj-card__meta{display:flex;align-items:center;gap:10px;font-size:12px;color:rgba(241,245,249,.6);margin-bottom:18px}.proj-card__stage-dot{width:8px;height:8px;border-radius:50%;background:var(--proj-accent);box-shadow:0 0 0 4px hsla(0,0%,100%,.04)}.proj-card__actions{padding:0 28px 28px;display:flex;flex-direction:column;gap:10px}.proj-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 18px;font-size:15px;font-weight:700;border-radius:14px;border:none;cursor:pointer;text-decoration:none;transition:transform .25s ease,box-shadow .25s ease,background .25s ease;font-family:inherit}.proj-card__btn--primary{color:#0b1220;background:linear-gradient(135deg,var(--proj-accent) 0,var(--proj-accent-2) 100%);box-shadow:0 8px 24px -8px var(--proj-accent)}.proj-card__btn--primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px -10px var(--proj-accent);color:#0b1220}.proj-card__btn--ghost{color:rgba(241,245,249,.85);background:hsla(0,0%,100%,.04);border:1px solid hsla(0,0%,100%,.1)}.proj-card__btn--ghost:hover{background:hsla(0,0%,100%,.07);border-color:hsla(0,0%,100%,.2);color:#fff}.proj-card__btn svg{width:16px;height:16px}.projects-page__help{position:relative;z-index:1;text-align:center;padding:0 24px 96px;color:rgba(241,245,249,.6);font-size:14px}.projects-page__help a{color:rgba(241,245,249,.85);text-decoration:underline;text-underline-offset:3px}.projects-page__help a:hover{color:#fff}@media (max-width:768px){.projects-page__hero{padding-top:calc(var(--public-header-h, 72px) + 40px);padding-bottom:36px}.projects-grid{padding:16px 16px 64px;gap:20px}.proj-card__head{padding:24px 22px 18px}.proj-card__actions,.proj-card__body{padding-left:22px;padding-right:22px}.proj-card__icon{width:56px;height:56px}.proj-card__icon svg{width:26px;height:26px}.proj-card__name{font-size:24px}}@media (prefers-reduced-motion:reduce){.proj-card,.proj-card:before,.proj-card__btn,.projects-page__eyebrow,.projects-page__subtitle,.projects-page__title{transition:none!important;animation:none!important;opacity:1!important;transform:none!important}}