.projects-section{--purple:#6848e8;--blue:#4388ef;--text:#111832;--muted:#69718a;background:radial-gradient(circle at 15% 15%,rgba(116,79,240,.18),transparent 27%),radial-gradient(circle at 90% 75%,rgba(72,137,239,.15),transparent 30%),linear-gradient(135deg,#f5f2ff,#edf4ff 52%,#fff4fa);overflow:hidden;padding:100px 24px 110px;position:relative}.projects-container{margin:0 auto;position:relative;width:min(1240px,100%);z-index:2}.projects-bg{inset:0;pointer-events:none;position:absolute}.projects-blob{border-radius:50%;filter:blur(2px);position:absolute}.projects-blob--one{background:radial-gradient(circle,rgba(110,72,235,.23),transparent 70%);height:420px;left:-170px;top:-230px;width:420px}.projects-blob--two{background:radial-gradient(circle,rgba(70,135,239,.18),transparent 70%);height:500px;right:-250px;top:35%;width:500px}.projects-blob--three{background:radial-gradient(circle,rgba(236,92,176,.12),transparent 70%);bottom:-250px;height:350px;left:35%;width:350px}.projects-dots{background-image:radial-gradient(#765cff 1.5px,transparent 0);background-size:15px 15px;height:90px;opacity:.35;position:absolute;width:90px}.projects-dots--one{left:3%;top:100px}.projects-dots--two{bottom:130px;right:4%}.projects-header{margin:0 auto 70px;max-width:850px;text-align:center}.projects-eyebrow{align-items:center;color:var(--purple);display:flex;font-size:11px;font-weight:800;gap:16px;justify-content:center;letter-spacing:4px;margin-bottom:20px}.projects-eyebrow span{background:linear-gradient(90deg,transparent,var(--purple));height:2px;width:38px}.projects-eyebrow span:last-child{transform:rotate(180deg)}.projects-header h2{color:var(--text);font-size:clamp(38px,5vw,62px);font-weight:800;letter-spacing:-2.5px;line-height:1.04;margin:0}.projects-header h2 strong{background:linear-gradient(90deg,#6748e9,#914be9,#3d83ed);-webkit-background-clip:text;background-clip:text;display:inline-block;-webkit-text-fill-color:transparent}.projects-header p{color:var(--muted);font-size:15px;line-height:1.75;margin:22px auto 0;max-width:720px}.projects-grid{display:grid;gap:48px 25px;grid-template-columns:repeat(3,minmax(0,1fr));position:relative;transition:opacity .25s ease,transform .35s ease}.projects-grid--loading{opacity:.35;pointer-events:none;transform:translateY(8px)}.project-card{--accent:#6848e8;backdrop-filter:blur(18px);background:linear-gradient(145deg,hsla(0,0%,100%,.78),hsla(0,0%,100%,.43));border:1px solid hsla(0,0%,100%,.8);border-radius:23px;box-shadow:0 18px 45px rgba(46,42,94,.1),inset 0 1px 0 hsla(0,0%,100%,.9);padding:11px;position:relative;transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s ease}.project-card:nth-child(2),.project-card:nth-child(5){transform:translateY(24px)}.project-card:hover{box-shadow:0 30px 70px rgba(46,42,94,.17),inset 0 1px 0 hsla(0,0%,100%,.95);transform:translateY(-9px)}.project-card--1{--accent:#ff7045}.project-card--2{--accent:#4388ef}.project-card--3{--accent:#7049e9}.project-card--4{--accent:#31b996}.project-card--5{--accent:#e94b9d}.project-card--0,.project-card--6{--accent:#f28b28}.project-number{background:linear-gradient(135deg,var(--accent),#6848e8);border-radius:14px;box-shadow:0 10px 25px rgba(60,60,100,.2);color:#fff;font-size:12px;font-weight:800;height:45px;left:23px;place-items:center;width:45px}.project-icon,.project-number{display:grid;position:absolute;top:-18px;z-index:10}.project-icon{background:linear-gradient(135deg,var(--accent),#7b56ec);border:3px solid hsla(0,0%,100%,.8);border-radius:15px;box-shadow:0 10px 25px rgba(60,60,100,.18);color:#fff;height:48px;place-items:center;right:22px;width:48px}.project-icon span{font-size:18px;font-weight:800}.project-browser{background:#111728;border-radius:15px;box-shadow:0 16px 35px rgba(25,29,55,.2);overflow:hidden}.browser-toolbar{align-items:center;background:#121827;display:flex;gap:12px;height:36px;padding:0 11px}.browser-dots{display:flex;flex-shrink:0;gap:5px}.browser-dots i{background:#5e687c;border-radius:50%;display:block;height:7px;width:7px}.browser-dots i:first-child{background:#ff665f}.browser-dots i:nth-child(2){background:#ffbd44}.browser-dots i:nth-child(3){background:#27c840}.browser-address{align-items:center;background:#202739;border-radius:20px;color:#8992a7;display:flex;flex:1;font-size:8px;gap:6px;height:19px;padding:0 9px}.browser-address span{background:#4b8df8;border-radius:50%;height:5px;width:5px}.browser-menu{color:#7b8498;font-size:9px}.browser-viewport{background:#fff;cursor:ns-resize;height:275px;overflow:hidden;position:relative}.project-image{display:block;height:auto;max-width:none;transform:translateZ(0);width:100%;will-change:transform}.browser-viewport--iframe{cursor:default}.project-iframe{background:#fff;border:0;display:block;height:100%;width:100%}.browser-scroll-hint{align-items:center;backdrop-filter:blur(8px);background:rgba(17,24,39,.65);border-radius:20px;bottom:12px;color:#fff;display:flex;gap:5px;opacity:.75;padding:6px 8px;pointer-events:none;position:absolute;right:12px;transition:opacity .3s ease;z-index:5}.browser-scroll-hint span{background:var(--accent);border-radius:50%;height:5px;width:5px}.browser-scroll-hint small{font-size:7px;font-weight:700;letter-spacing:1px}.project-card:hover .browser-scroll-hint{opacity:0}.project-info{align-items:center;display:flex;gap:15px;justify-content:space-between;padding:18px 7px 7px}.project-info-main{min-width:0}.project-category{color:var(--accent);display:block;font-size:8px;font-weight:800;letter-spacing:1.4px;margin-bottom:5px}.project-info h3{color:var(--text);font-size:14px;font-weight:750;line-height:1.35;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-link{align-items:center;color:var(--accent);display:inline-flex;flex-shrink:0;font-size:10px;font-weight:750;gap:8px;text-decoration:none;transition:gap .3s ease}.project-link b{background:var(--accent);border-radius:50%;color:#fff;display:grid;font-size:12px;height:27px;place-items:center;transition:transform .3s ease,box-shadow .3s ease;width:27px}.project-link:hover{gap:11px}.project-link:hover b{box-shadow:0 6px 16px rgba(60,60,100,.25);transform:rotate(8deg) scale(1.08)}.projects-empty{color:var(--muted);font-size:15px;padding:80px 20px;text-align:center}.projects-pagination{align-items:center;display:flex;gap:15px;justify-content:center;margin-top:65px}.pagination-pages{display:flex;gap:7px;justify-content:center;min-width:91px}.pagination-button,.pagination-page{align-items:center;border:1px solid hsla(0,0%,100%,.9);border-radius:13px;display:inline-flex;font-size:11px;font-weight:750;height:42px;justify-content:center;text-decoration:none;transition:transform .25s ease,background .25s ease,color .25s ease,box-shadow .25s ease}.pagination-page{background:hsla(0,0%,100%,.65);box-shadow:0 5px 18px rgba(60,60,100,.05);color:#687089;width:42px}.pagination-page:hover{background:#fff;box-shadow:0 8px 22px rgba(60,60,100,.1);color:#6848e8;transform:translateY(-2px)}.pagination-page--active{background:linear-gradient(135deg,#6848e8,#4387ed);border-color:transparent;box-shadow:0 8px 22px rgba(91,70,220,.25);color:#fff}.pagination-button{background:hsla(0,0%,100%,.62);color:#646c83;gap:9px;padding:0 15px}.pagination-button span{font-size:15px;line-height:1}.pagination-button em{font-style:normal}.pagination-button:not(.pagination-button--disabled):hover{background:#fff;box-shadow:0 8px 22px rgba(60,60,100,.1);color:#6848e8;transform:translateY(-2px)}.pagination-button--disabled{opacity:.35;pointer-events:none}.projects-loader{align-items:center;backdrop-filter:blur(15px);background:hsla(0,0%,100%,.82);border:1px solid hsla(0,0%,100%,.8);border-radius:30px;bottom:30px;box-shadow:0 10px 30px rgba(50,50,100,.14);color:#5f6680;display:flex;font-size:11px;font-weight:700;gap:10px;left:50%;opacity:0;padding:10px 16px;position:fixed;transform:translate(-50%,12px);transition:opacity .25s ease,visibility .25s ease,transform .25s ease;visibility:hidden;z-index:100}.projects-loader--visible{opacity:1;transform:translate(-50%);visibility:visible}.projects-loader__spinner{animation:project-spin .7s linear infinite;border:2px solid #ddd9f7;border-radius:50%;border-top-color:#6848e8;height:15px;width:15px}@keyframes project-spin{to{transform:rotate(1turn)}}.projects-loader__error{align-items:center;display:flex;gap:10px}.projects-loader__error button{background:#6848e8;border:0;border-radius:20px;color:#fff;cursor:pointer;font-size:10px;padding:5px 10px}@media (max-width:1000px){.projects-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card:nth-child(2),.project-card:nth-child(5){transform:none}}@media (max-width:650px){.projects-section{padding:80px 16px}.projects-header{margin-bottom:55px}.projects-header h2{font-size:38px;letter-spacing:-1.5px}.projects-header p{font-size:14px}.projects-grid{gap:38px;grid-template-columns:1fr}.browser-viewport{height:250px}.project-info h3{font-size:13px}.projects-pagination{gap:8px;margin-top:50px}.pagination-pages{gap:5px;min-width:82px}.pagination-page{height:38px;width:38px}.pagination-button{height:38px;padding:0 10px}.pagination-button em{display:none}.pagination-button span{font-size:16px}}