.devlet-pf-root{--cream:#FBF5EE;--white:#FFFFFF;--orange:#E5915A;--orange-deep:#C97340;--orange-soft:rgba(229,145,90,0.12);--orange-glow:rgba(229,145,90,0.25);--ink:#1C1410;--ink-mid:#6B5B4E;--ink-faint:#C4B5A8;--font-serif:'Playfair Display', Georgia, serif;--font-sans:'DM Sans', system-ui, -apple-system, sans-serif;--radius-card:18px;--radius-sm:10px;--shadow-card:0 4px 24px rgba(28,20,16,0.08), 0 1px 4px rgba(28,20,16,0.04);--shadow-hover:0 16px 48px rgba(229,145,90,0.18), 0 4px 16px rgba(28,20,16,0.08);--transition:0.3s cubic-bezier(0.34,1.56,0.64,1)}.devlet-pf-root{position:relative;background:var(--cream);overflow:hidden;font-family:var(--font-sans);color:var(--ink)}.devlet-particles{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}.devlet-particle{position:absolute;border-radius:50%;background:var(--orange);opacity:0;animation:devlet-float linear infinite}@keyframes devlet-float{0%{transform:translateY(100vh) scale(0);opacity:0}10%{opacity:.3}90%{opacity:.3}100%{transform:translateY(-120px) scale(1.2);opacity:0}}.devlet-section-wrap{position:relative;z-index:1;max-width:1360px;margin:0 auto;padding:80px 40px 60px}@media (max-width:768px){.devlet-section-wrap{padding:48px 20px 40px}}.devlet-section-header{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:48px}@media (max-width:768px){.devlet-section-header{flex-direction:column;align-items:flex-start;gap:20px}}.devlet-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--orange);margin-bottom:10px}.devlet-eyebrow::before{content:'';display:block;width:24px;height:2px;background:var(--orange);border-radius:2px}.devlet-section-title{font-family:var(--font-serif);font-size:clamp(2rem, 4vw, 3rem);font-weight:700;line-height:1.15;color:var(--ink);margin:0 0 12px;letter-spacing:-.02em}.devlet-section-title em{font-style:italic;color:var(--orange)}.devlet-section-sub{font-size:15px;color:var(--ink-mid);line-height:1.6;max-width:400px;margin:0}.devlet-controls{display:flex;align-items:center;gap:8px;flex-shrink:0}.devlet-ctrl{width:42px;height:42px;border-radius:50%;border:1.5px solid rgb(229 145 90 / .3);background:var(--white);color:var(--ink-mid);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all 0.2s ease;padding:0}.devlet-ctrl svg{width:18px;height:18px;display:block}.devlet-ctrl:hover{background:var(--orange);border-color:var(--orange);color:var(--white);transform:scale(1.08)}.devlet-count-badge{font-size:12px;font-weight:600;color:var(--ink-mid);background:rgb(229 145 90 / .1);border:1px solid rgb(229 145 90 / .25);padding:6px 14px;border-radius:20px;white-space:nowrap}.devlet-carousel-outer{overflow:hidden;margin:0 -40px;padding:0 40px;cursor:grab}.devlet-carousel-outer:active{cursor:grabbing}@media (max-width:768px){.devlet-carousel-outer{margin:0 -20px;padding:0 20px}}.devlet-carousel-track{display:flex;gap:20px;padding:12px 0 48px;will-change:transform;user-select:none;animation:devlet-marquee 32s linear infinite}.devlet-carousel-track.paused,.devlet-carousel-track:hover{animation-play-state:paused}@keyframes devlet-marquee{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}.devlet-proj-card{flex:0 0 320px;background:var(--white);border-radius:var(--radius-card);overflow:hidden;cursor:pointer;box-shadow:var(--shadow-card);border:1px solid rgb(229 145 90 / .1);transition:transform var(--transition),box-shadow 0.3s ease,border-color 0.3s ease;position:relative}.devlet-proj-card:hover{transform:translateY(-6px) scale(1.02);box-shadow:var(--shadow-hover);border-color:rgb(229 145 90 / .35)}.devlet-proj-card::after{content:'';position:absolute;inset:0;border-radius:var(--radius-card);background:linear-gradient(135deg,rgb(229 145 90 / .06) 0%,transparent 60%);opacity:0;transition:opacity 0.3s;pointer-events:none}.devlet-proj-card:hover::after{opacity:1}.devlet-card-thumb{width:100%;height:190px;overflow:hidden;position:relative;flex-shrink:0}.devlet-card-thumb img{width:100%;height:100%;object-fit:cover;transition:transform 0.5s ease;display:block}.devlet-proj-card:hover .devlet-card-thumb img{transform:scale(1.06)}.devlet-mock{width:100%;height:100%;position:relative;overflow:hidden}.devlet-mock-ecom{background:linear-gradient(135deg,#FBF5EE 0%,#F5E8D8 100%)}.devlet-mock-ecom::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Crect x='4' y='4' width='22' height='16' rx='3' fill='%23E5915A' opacity='0.25'/%3E%3Crect x='34' y='4' width='22' height='16' rx='3' fill='%23E5915A' opacity='0.15'/%3E%3Crect x='4' y='28' width='22' height='16' rx='3' fill='%23E5915A' opacity='0.15'/%3E%3Crect x='34' y='28' width='22' height='16' rx='3' fill='%23E5915A' opacity='0.25'/%3E%3C/g%3E%3C/svg%3E");background-size:60px 60px}.devlet-mock-ecom::after{content:'🛒';position:absolute;bottom:12px;right:14px;font-size:28px;opacity:.4}.devlet-mock-dash{background:linear-gradient(135deg,#1C2744 0%,#0F1829 100%)}.devlet-mock-dash::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='80' height='60' viewBox='0 0 80 60' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='4' y='30' width='8' height='22' rx='2' fill='%234A90D9' opacity='0.6'/%3E%3Crect x='16' y='20' width='8' height='32' rx='2' fill='%234A90D9' opacity='0.4'/%3E%3Crect x='28' y='10' width='8' height='42' rx='2' fill='%234A90D9' opacity='0.7'/%3E%3Crect x='40' y='25' width='8' height='27' rx='2' fill='%234A90D9' opacity='0.5'/%3E%3Crect x='52' y='15' width='8' height='37' rx='2' fill='%234A90D9' opacity='0.6'/%3E%3Crect x='64' y='35' width='8' height='17' rx='2' fill='%234A90D9' opacity='0.4'/%3E%3C/svg%3E");background-size:80px 60px;background-position:bottom left}.devlet-mock-dash::after{content:'📊';position:absolute;bottom:12px;right:14px;font-size:28px;opacity:.5}.devlet-mock-landing{background:linear-gradient(135deg,#FFFFFF 0%,#F8F4FF 100%)}.devlet-mock-landing::before{content:'';position:absolute;left:0;right:0;top:0;height:36px;background:linear-gradient(90deg,#7C5CBF 0%,#A47BD3 100%);opacity:.9}.devlet-mock-landing::after{content:'';position:absolute;left:50%;top:55%;transform:translate(-50%,-50%);width:80px;height:28px;border-radius:20px;background:linear-gradient(90deg,#7C5CBF,#A47BD3);opacity:.5}.devlet-mock-app{background:linear-gradient(160deg,#0F1C2E 0%,#1A2F4A 100%)}.devlet-mock-app::before{content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:70px;height:120px;border-radius:16px;border:2px solid rgb(255 255 255 / .2);background:rgb(255 255 255 / .05)}.devlet-mock-app::after{content:'📱';position:absolute;bottom:12px;right:14px;font-size:28px;opacity:.5}.devlet-mock-saas{background:linear-gradient(135deg,#1E1E2E 0%,#2D2D44 100%)}.devlet-mock-saas::before{content:'';position:absolute;left:0;top:0;bottom:0;width:56px;background:rgb(255 255 255 / .04);border-right:1px solid rgb(255 255 255 / .08)}.devlet-mock-saas::after{content:'⚙️';position:absolute;bottom:12px;right:14px;font-size:28px;opacity:.5}.devlet-card-body{padding:20px 20px 22px}.devlet-card-meta{display:flex;align-items:center;gap:8px;margin-bottom:10px}.devlet-tag{font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--orange);background:var(--orange-soft);padding:3px 10px;border-radius:20px}.devlet-year{font-size:11px;color:var(--ink-faint);font-weight:500}.devlet-card-title{font-family:var(--font-serif);font-size:17px;font-weight:700;color:var(--ink);margin:0 0 8px;line-height:1.3}.devlet-card-desc{font-size:13px;color:var(--ink-mid);line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.devlet-card-cta{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--orange);transition:gap 0.2s ease}.devlet-proj-card:hover .devlet-card-cta{gap:10px}.devlet-progress-wrap{display:flex;align-items:center;gap:20px;margin-top:4px}.devlet-progress-track{flex:1;height:2px;background:rgb(229 145 90 / .15);border-radius:2px;overflow:hidden}.devlet-progress-fill{height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-deep));border-radius:2px;transition:width 0.4s ease;width:0%}.devlet-dots{display:flex;gap:6px}.devlet-dot{width:6px;height:6px;border-radius:50%;background:rgb(229 145 90 / .25);cursor:pointer;transition:all 0.25s ease}.devlet-dot.active{background:var(--orange);width:20px;border-radius:3px}.devlet-backdrop{position:fixed;inset:0;background:rgb(28 20 16 / .55);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:10000;display:flex;align-items:flex-end;justify-content:center;opacity:0;pointer-events:none;transition:opacity 0.35s ease}.devlet-backdrop.open{opacity:1;pointer-events:all}.devlet-sheet{background:var(--white);border-radius:24px 24px 0 0;width:100%;max-width:920px;max-height:90vh;overflow-y:auto;transform:translateY(100%);transition:transform 0.45s cubic-bezier(.34,1.4,.64,1);position:relative;scrollbar-width:thin;scrollbar-color:var(--orange-soft) #fff0}.devlet-sheet::-webkit-scrollbar{width:4px}.devlet-sheet::-webkit-scrollbar-track{background:#fff0}.devlet-sheet::-webkit-scrollbar-thumb{background:var(--orange-soft);border-radius:2px}.devlet-backdrop.open .devlet-sheet{transform:translateY(0)}.devlet-sheet-handle{width:36px;height:4px;background:var(--ink-faint);border-radius:2px;margin:14px auto 0}.devlet-sheet-topbar{display:flex;justify-content:flex-end;padding:12px 20px 0;position:sticky;top:0;background:var(--white);z-index:10}.devlet-sheet-close{width:36px;height:36px;border-radius:50%;border:1.5px solid rgb(229 145 90 / .25);background:var(--cream);color:var(--ink-mid);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all 0.2s ease;padding:0}.devlet-sheet-close svg{width:16px;height:16px}.devlet-sheet-close:hover{background:var(--orange);border-color:var(--orange);color:var(--white);transform:scale(1.1)}.devlet-detail-inner{padding:20px 36px 48px}@media (max-width:600px){.devlet-detail-inner{padding:16px 20px 40px}}.devlet-detail-meta{display:flex;align-items:center;gap:10px;margin-bottom:14px}.devlet-detail-title{font-family:var(--font-serif);font-size:clamp(1.5rem, 3vw, 2rem);font-weight:700;color:var(--ink);line-height:1.2;margin:0 0 16px}.devlet-detail-desc{font-size:15px;color:var(--ink-mid);line-height:1.75;margin:0 0 28px;max-width:640px}.devlet-screenshots{display:flex;gap:12px;overflow-x:auto;padding-bottom:4px;margin-bottom:32px;scrollbar-width:none}.devlet-screenshots::-webkit-scrollbar{display:none}.devlet-screenshot-thumb{flex:0 0 auto;width:200px;height:130px;border-radius:10px;overflow:hidden;border:2px solid rgb(229 145 90 / .15);cursor:pointer;transition:all 0.25s ease;position:relative}.devlet-screenshot-thumb img{width:100%;height:100%;object-fit:cover;display:block}.devlet-screenshot-thumb:hover{border-color:var(--orange);transform:scale(1.03)}.devlet-screenshot-thumb.active{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.devlet-work-section{margin-bottom:28px}.devlet-work-label{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--orange);margin-bottom:14px}.devlet-work-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.devlet-work-list li{display:flex;align-items:flex-start;gap:12px;font-size:14px;color:var(--ink-mid);line-height:1.65}.devlet-work-list li::before{content:'';flex-shrink:0;width:6px;height:6px;border-radius:50%;background:var(--orange);margin-top:8px}.devlet-tech-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.devlet-tech-pill{font-size:12px;font-weight:600;color:var(--ink);background:var(--cream);border:1px solid rgb(229 145 90 / .2);padding:5px 14px;border-radius:20px}.devlet-detail-cta{display:inline-flex;align-items:center;gap:8px;background:var(--orange);color:var(--white);font-size:14px;font-weight:600;padding:12px 24px;border-radius:50px;text-decoration:none;transition:background 0.25s ease,transform 0.2s ease;border:none;cursor:pointer}.devlet-detail-cta:hover{background:var(--orange-deep);transform:translateY(-1px);color:var(--white);text-decoration:none}.devlet-detail-cta svg{width:16px;height:16px}.devlet-proj-card{opacity:0;transform:translateY(20px);animation:devlet-fade-in 0.5s ease forwards}@keyframes devlet-fade-in{to{opacity:1;transform:translateY(0)}}.devlet-proj-card[data-clone="true"]{animation:none;opacity:1;transform:none}