.card-design-a,.card-design-b,.card-design-c,.card-design-d{cursor:pointer;width:100%;position:relative;box-sizing:border-box;overflow:hidden}.card-design-c{cursor:pointer}.card-design-a{display:flex;flex-direction:row;height:230px;border-radius:18px;background:linear-gradient(135deg,#18181cf7,#101014fa);border:1px solid rgba(255,255,255,.07);box-shadow:inset 0 1px #ffffff0d,0 4px 20px #0000004d;transition:border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.34,1.3,.64,1)}.card-design-a:hover{border-color:#e4af124d;box-shadow:inset 0 1px #ffffff12,0 12px 40px #00000073,0 0 0 1px #e4af121a,0 20px 60px #e4af1212}.card-a-image{flex:0 0 42%;position:relative;overflow:hidden;border-radius:18px 0 0 18px}.card-a-image img,.card-a-image video{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .35s ease;filter:brightness(.88)}.card-design-a:hover .card-a-image img{transform:scale(1.07);filter:brightness(.65) saturate(.75)}.card-a-hover-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1;transform:translateZ(0);backface-visibility:hidden}.card-a-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,#e4af1226,#0000008c);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.card-design-a:hover .card-a-image-overlay{opacity:1}.card-a-view-btn{background:#e4af12f2;color:#0a0a0c;border:none;padding:9px 20px;border-radius:24px;font-size:12.5px;font-weight:700;letter-spacing:.03em;cursor:pointer;display:flex;align-items:center;gap:7px;box-shadow:0 4px 16px #e4af1266}.card-a-cat-badge{position:absolute;top:12px;left:12px;z-index:3;background:#08080abf;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(228,175,18,.22);border-radius:16px;padding:3px 10px;font-size:10px;font-weight:700;color:var(--primary_color);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;transition:opacity .3s ease}.card-design-a:hover .card-a-cat-badge{opacity:0}.card-a-details{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px 22px;border-left:1px solid rgba(255,255,255,.04);min-width:0}.card-a-title{font-size:16px;font-weight:700;color:#f0f0f2;line-height:1.35;letter-spacing:-.01em;margin-bottom:8px}.card-a-desc{font-size:13px;color:#82828e;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;flex:1;margin-bottom:14px}.card-a-skills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.card-a-skill{background:#ffffff0a;color:#9a9aa8;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.06);transition:background .2s,color .2s,border-color .2s}.card-design-a:hover .card-a-skill{background:#e4af1212;color:#e4af12d9;border-color:#e4af1226}.card-a-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.card-a-links{display:flex;gap:8px}.card-a-link{display:inline-flex;align-items:center;gap:5px;color:#6e6e7a;text-decoration:none;font-size:12px;font-weight:600;padding:5px 12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .2s ease}.card-a-link:hover{color:var(--primary_color);background:#e4af1214;border-color:#e4af1247}.card-a-arrow{width:30px;height:30px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#5a5a66;font-size:14px;transition:all .25s ease;flex-shrink:0}.card-design-a:hover .card-a-arrow{background:#e4af121f;border-color:#e4af124d;color:var(--primary_color);transform:translate(3px)}.projects-grid-design-a{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1200px;margin:0 auto;padding:0 20px}.card-design-b{display:grid;grid-template-rows:1fr auto;border-radius:20px;background:linear-gradient(150deg,#16161af7,#0e0e12fc);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0d,0 4px 24px #00000059;transition:border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.34,1.3,.64,1)}.card-design-b:hover{border-color:#e4af1240;box-shadow:inset 0 1px #ffffff12,0 16px 48px #00000080,0 0 0 1px #e4af1214,0 24px 72px #e4af120f}.card-b-body{display:flex;flex-direction:row;min-height:210px}.card-b-image{flex:0 0 44%;position:relative;overflow:hidden;border-radius:19px 0 0}.card-b-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .35s ease;filter:brightness(.88)}.card-design-b:hover .card-b-image img{transform:scale(1.06);filter:brightness(.55) saturate(.7)}.card-b-hover-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1;transform:translateZ(0);backface-visibility:hidden}.card-b-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#00000080;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.card-design-b:hover .card-b-image-overlay{opacity:1}.card-b-view-btn{background:#e4af12f2;color:#0a0a0c;border:none;padding:9px 20px;border-radius:24px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 16px #e4af1266}.card-b-cat-badge{position:absolute;bottom:12px;left:12px;z-index:3;background:#08080ac7;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(228,175,18,.22);border-radius:16px;padding:3px 10px;font-size:9.5px;font-weight:700;color:var(--primary_color);letter-spacing:.06em;text-transform:uppercase;pointer-events:none;transition:opacity .3s ease}.card-design-b:hover .card-b-cat-badge{opacity:0}.card-b-details{flex:1;display:flex;flex-direction:column;justify-content:center;padding:22px 20px;border-left:1px solid rgba(255,255,255,.04);min-width:0}.card-b-title{font-size:16px;font-weight:700;color:#f0f0f2;line-height:1.35;letter-spacing:-.01em;margin-bottom:10px}.card-b-desc{font-size:13px;color:#7e7e8c;line-height:1.65;display:-webkit-box;-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}.card-b-strip{display:flex;align-items:center;justify-content:space-between;padding:12px 18px;border-top:1px solid rgba(255,255,255,.05);background:#e4af1205;border-radius:0 0 19px 19px;gap:12px;flex-wrap:wrap}.card-b-skills{display:flex;flex-wrap:wrap;gap:5px;flex:1;min-width:0}.card-b-skill{background:#ffffff0a;color:#8a8a98;padding:3px 8px;border-radius:6px;font-size:10.5px;font-weight:500;border:1px solid rgba(255,255,255,.05);white-space:nowrap;transition:background .2s,color .2s,border-color .2s}.card-design-b:hover .card-b-skill{background:#e4af1212;color:#e4af12d1;border-color:#e4af1224}.card-b-links{display:flex;gap:8px;flex-shrink:0;align-items:center}.card-b-link{display:inline-flex;align-items:center;gap:5px;color:#6a6a76;text-decoration:none;font-size:11.5px;font-weight:600;padding:5px 12px;border:1px solid rgba(255,255,255,.07);border-radius:14px;transition:all .2s ease}.card-b-link:hover{color:var(--primary_color);background:#e4af1214;border-color:#e4af1247}.card-b-arrow{width:28px;height:28px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#555562;font-size:13px;transition:all .25s ease;flex-shrink:0}.card-design-b:hover .card-b-arrow{background:#e4af121f;border-color:#e4af124d;color:var(--primary_color);transform:translate(3px)}.projects-grid-design-b{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;max-width:1200px;margin:0 auto;padding:0 20px}.card-design-c{border-radius:20px;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.06);box-shadow:0 4px 24px #0006;transition:border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.34,1.3,.64,1);display:flex;flex-direction:column}.card-design-c:hover{border-color:#e4af1247;box-shadow:0 16px 48px #0000008c,0 0 0 1px #e4af121a,0 24px 72px #e4af1214}.card-c-image{position:relative;height:260px;overflow:hidden;flex-shrink:0}.card-c-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .4s ease;filter:brightness(.75) saturate(.85)}.card-design-c:hover .card-c-image img{transform:scale(1.05);filter:brightness(.45) saturate(.65)}.card-c-hover-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1;transform:translateZ(0);backface-visibility:hidden}.card-c-gradient{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(to top,#08080af7,#08080aa6 45%,#08080a0d);z-index:2}.card-c-cat-badge{position:absolute;top:14px;right:14px;z-index:4;background:#e4af1226;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(228,175,18,.3);border-radius:16px;padding:4px 11px;font-size:10px;font-weight:700;color:var(--primary_color);letter-spacing:.06em;text-transform:uppercase}.card-c-view-btn{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.85);z-index:4;background:#e4af12f2;color:#0a0a0c;border:none;padding:10px 22px;border-radius:28px;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;display:flex;align-items:center;gap:7px;opacity:0;transition:opacity .3s ease,transform .3s ease;box-shadow:0 6px 24px #e4af1273;white-space:nowrap}.card-design-c:hover .card-c-view-btn{opacity:1;transform:translate(-50%,-50%) scale(1)}.card-c-content{position:absolute;bottom:0;left:0;right:0;z-index:3;padding:20px 20px 18px}.card-c-title{font-size:17px;font-weight:700;color:#f2f2f4;line-height:1.3;letter-spacing:-.01em;margin-bottom:6px}.card-c-desc{font-size:12.5px;color:#8888a0;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:10px;transition:color .3s ease}.card-design-c:hover .card-c-desc{color:#9494aa}.card-c-footer{display:flex;align-items:center;justify-content:space-between;gap:10px}.card-c-skills{display:flex;flex-wrap:wrap;gap:5px;flex:1;min-width:0}.card-c-skill{background:#ffffff12;color:#aaaa be;padding:2px 8px;border-radius:5px;font-size:10.5px;font-weight:500;border:1px solid rgba(255,255,255,.08);white-space:nowrap;color:#9898a8}.card-c-links{display:flex;gap:7px;flex-shrink:0}.card-c-link{display:inline-flex;align-items:center;gap:5px;color:#e4af12b3;text-decoration:none;font-size:11.5px;font-weight:600;padding:4px 11px;border:1px solid rgba(228,175,18,.2);border-radius:12px;transition:all .2s ease;background:#e4af120f}.card-c-link:hover{color:var(--primary_color);background:#e4af121f;border-color:#e4af1266}.projects-grid-design-c{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.card-design-d{display:flex;flex-direction:column;border-radius:20px;background:linear-gradient(160deg,#141418fa,#0c0c10fc);border:1px solid rgba(255,255,255,.06);box-shadow:inset 0 1px #ffffff0d,0 4px 20px #00000052;transition:border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.34,1.3,.64,1);overflow:hidden}.card-design-d:hover{border-color:#e4af1247;box-shadow:inset 0 1px #ffffff12,0 12px 44px #00000080,0 0 0 1px #e4af121a,0 20px 64px #e4af1212}.card-d-image{position:relative;height:190px;overflow:hidden;flex-shrink:0}.card-d-image img{width:100%;height:100%;object-fit:cover;transition:transform .55s ease,filter .35s ease;filter:brightness(.85) saturate(.85)}.card-design-d:hover .card-d-image img{transform:scale(1.06);filter:brightness(.5) saturate(.65)}.card-d-hover-video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1;transform:translateZ(0);backface-visibility:hidden}.card-d-image-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#08080a8c;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;z-index:2}.card-design-d:hover .card-d-image-overlay{opacity:1}.card-d-view-btn{background:#e4af12f2;color:#0a0a0c;border:none;padding:9px 20px;border-radius:24px;font-size:12px;font-weight:700;letter-spacing:.03em;cursor:pointer;display:flex;align-items:center;gap:6px;box-shadow:0 4px 16px #e4af1266}.card-d-meta{display:flex;align-items:center;justify-content:space-between;padding:16px 20px 0}.card-d-index{font-size:11px;font-weight:700;color:#e4af1273;letter-spacing:.06em;font-variant-numeric:tabular-nums}.card-d-cat{font-size:10px;font-weight:700;color:#e4af1299;letter-spacing:.07em;text-transform:uppercase;background:#e4af1212;border:1px solid rgba(228,175,18,.15);padding:2px 9px;border-radius:12px}.card-d-content{padding:10px 20px 20px;display:flex;flex-direction:column;flex:1}.card-d-title{font-size:17px;font-weight:700;color:#ededf0;line-height:1.3;letter-spacing:-.015em;margin-bottom:8px}.card-d-accent{width:32px;height:2px;background:linear-gradient(90deg,var(--primary_color) 0%,rgba(228,175,18,.2) 100%);border-radius:2px;margin-bottom:10px;transition:width .35s ease}.card-design-d:hover .card-d-accent{width:56px}.card-d-desc{font-size:13px;color:#787886;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:16px;flex:1}.card-d-skills{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:14px}.card-d-skill{background:#ffffff0a;color:#8a8a96;padding:3px 9px;border-radius:6px;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.06);transition:background .2s,color .2s,border-color .2s}.card-design-d:hover .card-d-skill{background:#e4af1212;color:#e4af12d1;border-color:#e4af1226}.card-d-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:12px}.card-d-links{display:flex;gap:8px}.card-d-link{display:inline-flex;align-items:center;gap:5px;color:#646472;text-decoration:none;font-size:11.5px;font-weight:600;padding:5px 12px;border:1px solid rgba(255,255,255,.07);border-radius:16px;transition:all .2s ease}.card-d-link:hover{color:var(--primary_color);background:#e4af1214;border-color:#e4af1247}.card-d-arrow{width:28px;height:28px;border-radius:50%;background:#ffffff08;border:1px solid rgba(255,255,255,.07);display:flex;align-items:center;justify-content:center;color:#52525e;font-size:13px;transition:all .25s ease;flex-shrink:0}.card-design-d:hover .card-d-arrow{background:#e4af121f;border-color:#e4af124d;color:var(--primary_color);transform:translate(3px)}.projects-grid-design-d{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;max-width:1200px;margin:0 auto;padding:0 20px}.design-picker-wrap{display:flex;align-items:center;gap:6px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:6px 8px;border-radius:30px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.design-picker-label{font-size:11px;font-weight:600;color:#5a5a68;letter-spacing:.04em;text-transform:uppercase;padding:0 6px 0 2px;white-space:nowrap}.design-pick-btn{position:relative;background:none!important;border:none!important;padding:5px 11px!important;border-radius:20px!important;cursor:pointer!important;font-size:11.5px!important;font-weight:600!important;color:#6a6a78!important;letter-spacing:.02em;transition:color .25s ease!important;white-space:nowrap;z-index:2}.design-pick-btn.active{color:var(--primary_color)!important}.design-pick-pill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;background:#e4af121a;border:1px solid rgba(228,175,18,.22);z-index:-1}@media(max-width:1024px){.projects-grid-design-b,.projects-grid-design-a{grid-template-columns:1fr}.projects-grid-design-c,.projects-grid-design-d{grid-template-columns:repeat(2,1fr)}.card-design-a{height:auto;flex-direction:column}.card-a-image{flex:none;height:200px;border-radius:18px 18px 0 0}.card-a-details{border-left:none;border-top:1px solid rgba(255,255,255,.04)}.card-b-body{flex-direction:column}.card-b-image{flex:none;height:200px;border-radius:19px 19px 0 0}.card-b-details{border-left:none;border-top:1px solid rgba(255,255,255,.04)}}@media(max-width:768px){.projects-grid-design-a,.projects-grid-design-b,.projects-grid-design-c,.projects-grid-design-d{grid-template-columns:1fr;padding:0 15px;gap:18px}.card-c-image{height:220px}.card-d-image{height:175px}.design-picker-wrap{flex-wrap:wrap}.design-picker-label{width:100%;text-align:center;padding:0 0 4px}}.home-projects-grid{padding:0;margin-top:40px;width:100%;max-width:100%;grid-template-columns:1fr;gap:24px}.home-projects-grid .card-c-image{height:360px}@media(max-width:767px){.home-projects-grid{grid-template-columns:1fr;gap:16px}.home-projects-grid .card-c-image{height:240px}}.pchat-container{margin-top:2rem;position:relative}.pchat-toggle-btn{display:inline-flex;align-items:center;gap:.6rem;padding:.7rem 1.4rem;border-radius:50px;border:1.5px solid rgba(99,102,241,.5);background:#6366f114;color:#a5b4fc;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:.02em}.pchat-toggle-btn:hover{background:#6366f12e;border-color:#6366f1cc;color:#c7d2fe;box-shadow:0 0 20px #6366f140,0 4px 15px #0000004d;transform:translateY(-1px)}.pchat-toggle-btn.active{background:#6366f133;border-color:#6366f1;color:#c7d2fe;box-shadow:0 0 25px #6366f14d}.pchat-toggle-icon{font-size:1rem;display:flex;align-items:center}.pchat-toggle-text{white-space:nowrap}.pchat-toggle-badge{font-size:.65rem;padding:.15rem .5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:20px;color:#fff;font-weight:700;letter-spacing:.05em;animation:badgePulse 2s ease-in-out infinite}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.pchat-panel{margin-top:1rem;background:#0f0f1ed9;border:1px solid rgba(99,102,241,.25);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 20px 60px #00000080,0 0 40px #6366f114,inset 0 1px #ffffff0f;animation:panelSlideIn .3s cubic-bezier(.34,1.56,.64,1)}@keyframes panelSlideIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.pchat-header{display:flex;align-items:center;justify-content:space-between;padding:.9rem 1.2rem;border-bottom:1px solid rgba(99,102,241,.15);background:#6366f10f}.pchat-header-info{display:flex;align-items:center;gap:.7rem}.pchat-ai-icon{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;font-size:1rem;color:#fff;flex-shrink:0}.pchat-header-title{font-size:.875rem;font-weight:700;color:#e2e8f0;margin:0;line-height:1.2}.pchat-header-sub{font-size:.7rem;color:#64748b;margin:0;line-height:1.2}.pchat-status-dot{width:8px;height:8px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e99;animation:statusPulse 2s ease-in-out infinite;flex-shrink:0}@keyframes statusPulse{0%,to{box-shadow:0 0 8px #22c55e99}50%{box-shadow:0 0 14px #22c55ee6}}.pchat-messages{height:260px;overflow-y:auto;padding:1rem;display:flex;flex-direction:column;gap:.75rem;scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.3) transparent}.pchat-messages::-webkit-scrollbar{width:4px}.pchat-messages::-webkit-scrollbar-track{background:transparent}.pchat-messages::-webkit-scrollbar-thumb{background:#6366f14d;border-radius:4px}.pchat-msg{display:flex;flex-direction:column;animation:msgFadeIn .25s ease-out}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.pchat-msg.user{align-items:flex-end}.pchat-msg.ai{align-items:flex-start}.pchat-bubble{max-width:85%;padding:.65rem .9rem;border-radius:14px;font-size:.82rem;line-height:1.55;word-break:break-word}.pchat-msg.user .pchat-bubble{background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;border-bottom-right-radius:4px;box-shadow:0 4px 12px #6366f14d}.pchat-msg.ai .pchat-bubble{background:#1e1e3ccc;color:#cbd5e1;border:1px solid rgba(99,102,241,.15);border-bottom-left-radius:4px}.pchat-time{font-size:.62rem;color:#475569;margin-top:.25rem;padding:0 .25rem}.pchat-typing{display:flex;gap:4px;align-items:center;padding:.65rem .9rem;background:#1e1e3ccc;border:1px solid rgba(99,102,241,.15);border-radius:14px 14px 14px 4px}.pchat-typing span{width:6px;height:6px;border-radius:50%;background:#6366f1;animation:typingBounce 1.2s ease-in-out infinite}.pchat-typing span:nth-child(2){animation-delay:.15s}.pchat-typing span:nth-child(3){animation-delay:.3s}@keyframes typingBounce{0%,60%,to{transform:translateY(0);opacity:.5}30%{transform:translateY(-5px);opacity:1}}.pchat-chips{display:flex;flex-wrap:wrap;gap:.4rem;padding:.6rem 1rem;border-top:1px solid rgba(99,102,241,.1);background:#6366f108}.pchat-chip{font-size:.72rem;padding:.3rem .7rem;border-radius:20px;border:1px solid rgba(99,102,241,.3);background:#6366f112;color:#94a3b8;cursor:pointer;transition:all .2s ease;white-space:nowrap}.pchat-chip:hover:not(:disabled){background:#6366f12e;border-color:#6366f199;color:#c7d2fe;transform:translateY(-1px)}.pchat-chip:disabled{opacity:.4;cursor:not-allowed}.pchat-form{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;border-top:1px solid rgba(99,102,241,.12);background:#0a0a1980}.pchat-input{flex:1;background:#14142dcc;border:1px solid rgba(99,102,241,.2);border-radius:10px;padding:.6rem .9rem;color:#e2e8f0;font-size:.82rem;outline:none;transition:border-color .2s ease}.pchat-input::placeholder{color:#475569}.pchat-input:focus{border-color:#6366f199;background:#141437e6;box-shadow:0 0 0 3px #6366f11a}.pchat-input:disabled{opacity:.5}.pchat-send-btn{width:36px;height:36px;border-radius:10px;border:none;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:.9rem;transition:all .2s ease;flex-shrink:0}.pchat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#4f46e5,#6d28d9);box-shadow:0 4px 12px #6366f166;transform:scale(1.05)}.pchat-send-btn:disabled{opacity:.35;cursor:not-allowed;transform:none}@media(max-width:600px){.pchat-messages{height:220px}.pchat-toggle-text{font-size:.8rem}.pchat-chips{gap:.3rem}.pchat-chip{font-size:.68rem;padding:.25rem .55rem}}.chat-link{color:#a5b4fc;text-decoration:underline;font-weight:600;transition:color .2s ease}.chat-link:hover{color:#c7d2fe}.chat-inline-code{background:#00000073;border:1px solid rgba(99,102,241,.25);color:#a5b4fc;padding:1px 4px;border-radius:4px;font-family:monospace;font-size:11px}.chat-list{margin:6px 0;padding-left:16px;display:flex;flex-direction:column;gap:3px}.chat-list-item{list-style-type:disc;font-size:.82rem;line-height:1.5}.chat-paragraph{margin:4px 0}.chat-divider{border:0;height:1px;background:#6366f126;margin:10px 0}.chat-spacing{height:6px}.chat-header{font-weight:700;color:#e2e8f0;margin:8px 0 3px}.chat-h2{font-size:1.05rem;border-bottom:1px solid rgba(99,102,241,.15);padding-bottom:2px}.chat-h3{font-size:.95rem}.chat-h4{font-size:.85rem}:root{--chat-bg: rgba(26, 26, 26, .78);--chat-border: rgba(228, 175, 18, .25);--chat-primary: #e4af12;--chat-text: #ffffff;--chat-text-muted: #a0a0a0;--chat-msg-user: #e4af12;--chat-msg-user-text: #000000;--chat-msg-ai: #2b2b2b;--chat-msg-ai-border: rgba(228, 175, 18, .15)}.chatbot-fab{position:fixed;bottom:25px;right:25px;width:60px;height:60px;border-radius:50%;background:var(--chat-primary);color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 25px #e4af1266,0 0 #e4af1266;z-index:999999!important;transition:all .3s cubic-bezier(.175,.885,.32,1.275);outline:none;animation:fabPulse 2.5s infinite}.chatbot-fab:hover{transform:scale(1.1);box-shadow:0 12px 30px #e4af1299}.chatbot-fab i{font-size:24px;transition:transform .4s ease}.chatbot-fab.open i{transform:rotate(90deg)}.chatbot-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;background:#ff3b30;border:2px solid var(--chat-primary);border-radius:50%;animation:badgePulse 1.5s infinite}.chatbot-window{position:fixed;bottom:95px;right:25px;width:380px;height:520px;border-radius:20px;background:var(--chat-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--chat-border);box-shadow:0 15px 40px #00000080,0 0 30px #e4af121a;display:flex;flex-direction:column;overflow:hidden;z-index:999998!important;transform-origin:bottom right;transition:width .4s cubic-bezier(.16,1,.3,1),height .4s cubic-bezier(.16,1,.3,1),bottom .4s cubic-bezier(.16,1,.3,1),right .4s cubic-bezier(.16,1,.3,1),left .4s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1)}.chatbot-window.maximized{width:90vw!important;height:85vh!important;bottom:40px!important;right:5vw!important;left:5vw!important;border-radius:24px!important;max-height:none!important}.chatbot-header-actions{display:flex;align-items:center;gap:8px}.chatbot-maximize-btn{background:none;border:none;color:var(--chat-text-muted);cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.chatbot-maximize-btn:hover{color:var(--chat-primary);transform:scale(1.15)}.chatbot-window.beloved-theme .chatbot-maximize-btn{color:#ff286e99}.chatbot-window.beloved-theme .chatbot-maximize-btn:hover{color:#ff286e}.chatbot-header{padding:16px 20px;background:#14141480;border-bottom:1px solid var(--chat-border);display:flex;align-items:center;justify-content:space-between}.chatbot-header-info{display:flex;align-items:center;gap:12px}.chatbot-avatar-container{position:relative}.chatbot-avatar{width:40px;height:40px;border-radius:50%;border:1.5px solid var(--chat-primary);object-fit:cover;background:#191919}.chatbot-status-dot{position:absolute;bottom:0;right:0;width:10px;height:10px;background:#28e98c;border:2px solid #1a1a1a;border-radius:50%;box-shadow:0 0 8px #28e98c}.chatbot-title-container{display:flex;flex-direction:column}.chatbot-title{font-size:15px;font-weight:600;color:var(--chat-text);margin:0;line-height:1.2}.chatbot-subtitle{font-size:11px;color:var(--chat-text-muted);margin:0}.chatbot-close-btn{background:none;border:none;color:var(--chat-text-muted);cursor:pointer;font-size:18px;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .2s ease,transform .2s ease}.chatbot-close-btn:hover{color:var(--chat-primary);transform:scale(1.1)}.chatbot-messages{flex:1;padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:var(--chat-primary) rgba(0,0,0,.2)}.chatbot-messages::-webkit-scrollbar{width:5px}.chatbot-messages::-webkit-scrollbar-track{background:#0000001a}.chatbot-messages::-webkit-scrollbar-thumb{background:var(--chat-primary);border-radius:3px}.chat-message-wrapper{display:flex;flex-direction:column;width:100%}.chat-message-wrapper.user{align-items:flex-end}.chat-message-wrapper.ai{align-items:flex-start}.chat-message-bubble{max-width:82%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.45;word-wrap:break-word;white-space:pre-line}.chat-message-wrapper.user .chat-message-bubble{background:var(--chat-msg-user);color:var(--chat-msg-user-text);border-bottom-right-radius:4px;font-weight:500;box-shadow:0 4px 12px #e4af1226}.chat-message-wrapper.ai .chat-message-bubble{background:var(--chat-msg-ai);color:var(--chat-text);border-bottom-left-radius:4px;border:1px solid var(--chat-msg-ai-border);box-shadow:0 4px 12px #00000026}.chat-message-time{font-size:10px;color:var(--chat-text-muted);margin-top:4px;padding:0 4px}.chatbot-suggestions{display:flex;flex-wrap:wrap;gap:8px;padding:0 20px 15px;background:transparent}.chatbot-suggestion-chip{background:#e4af120f;border:1px solid rgba(228,175,18,.25);color:var(--chat-primary);border-radius:20px;padding:6px 12px;font-size:12px;cursor:pointer;transition:all .2s ease;outline:none;font-weight:500}.chatbot-suggestion-chip:hover{background:var(--chat-primary);color:#000;border-color:var(--chat-primary);transform:translateY(-1px);box-shadow:0 4px 10px #e4af1233}.typing-indicator{display:flex;align-items:center;gap:4px;padding:10px 14px;background:var(--chat-msg-ai);border-radius:16px 16px 16px 4px;border:1px solid var(--chat-msg-ai-border);width:fit-content}.typing-dot{width:6px;height:6px;background:var(--chat-primary);border-radius:50%;opacity:.4;animation:typingBounce 1.4s infinite ease-in-out both}.typing-dot:nth-child(1){animation-delay:-.32s}.typing-dot:nth-child(2){animation-delay:-.16s}.chatbot-footer{padding:12px 16px;background:#14141480;border-top:1px solid var(--chat-border)}.chatbot-input-form{display:flex;align-items:center;background:#0000004d;border:1px solid var(--chat-border);border-radius:25px;padding:4px 6px 4px 14px;gap:8px;transition:border-color .2s ease,box-shadow .2s ease}.chatbot-input-form:focus-within{border-color:var(--chat-primary);box-shadow:0 0 10px #e4af1226}.chatbot-input{flex:1;background:transparent;border:none;color:var(--chat-text);font-size:13.5px;padding:6px 0;outline:none}.chatbot-input::placeholder{color:var(--chat-text-muted)}.chatbot-send-btn{width:34px;height:34px;border-radius:50%;background:var(--chat-primary);color:#000;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease;outline:none}.chatbot-send-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 4px 10px #e4af124d}.chatbot-send-btn:disabled{background:#3a3a3a;color:#7a7a7a;cursor:not-allowed}.chatbot-send-btn i{font-size:14px}@keyframes fabPulse{0%{box-shadow:0 10px 25px #e4af1266,0 0 #e4af1266}70%{box-shadow:0 10px 25px #e4af1266,0 0 0 12px #e4af1200}to{box-shadow:0 10px 25px #e4af1266,0 0 #e4af1200}}@keyframes badgePulse{0%{transform:scale(1)}50%{transform:scale(1.2)}to{transform:scale(1)}}@keyframes typingBounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@media(max-width:480px){.chatbot-fab{bottom:20px;right:20px;width:54px;height:54px}.chatbot-window{bottom:85px;right:15px;left:15px;width:auto;height:calc(80vh - 100px);max-height:480px;border-radius:16px}}.beloved-animation-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:1000000!important;overflow:hidden}.beloved-vignette{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:999997!important;background:radial-gradient(circle,#0000 50%,#ff286e14,#e4af121f);opacity:0;animation:vignettePulse 4s ease-in-out infinite alternate;will-change:opacity}.floating-heart{position:absolute;bottom:-100px;animation:riseAndSway 11s linear forwards;will-change:transform,opacity;filter:drop-shadow(0 0 12px rgba(255,40,110,.65)) drop-shadow(0 0 25px rgba(228,175,18,.35))}.floating-heart.click-spawned{position:absolute;top:var(--start-top);left:var(--start-left);bottom:auto;animation:riseFromClick 9s ease-out forwards}.sparkle-star{position:absolute;color:var(--chat-primary);font-size:16px;text-shadow:0 0 12px rgba(228,175,18,.9),0 0 24px rgba(228,175,18,.4);animation:shimmer 7s ease-in-out forwards;will-change:transform,opacity}.sparkle-star.click-spawned{position:absolute;top:var(--start-top);left:var(--start-left);animation:riseFromClick 6s ease-out forwards}.floating-text-particle{position:absolute;bottom:-100px;color:#fff;font-family:Outfit,Inter,sans-serif;font-weight:600;padding:6px 14px;border-radius:20px;background:linear-gradient(135deg,#ff286e80,#e4af1280);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.25);box-shadow:0 8px 24px #ff286e59,0 0 12px #e4af1233;white-space:nowrap;font-size:13px;letter-spacing:.5px;animation:riseAndSway 11s linear forwards;will-change:transform,opacity;z-index:1000001!important}.floating-text-particle.click-spawned{position:absolute;top:var(--start-top);left:var(--start-left);bottom:auto;animation:riseFromClick 9s ease-out forwards}.chatbot-window.beloved-theme{border:1.5px solid rgba(255,40,110,.45);box-shadow:0 20px 50px #ff286e40,0 0 35px #e4af1240;background:#1e1419d9}.chatbot-window.beloved-theme .chatbot-header{background:#ff286e26;border-bottom:1.5px solid rgba(255,40,110,.35)}.chatbot-window.beloved-theme .chatbot-status-dot{background:#ff286e;box-shadow:0 0 12px #ff286e;animation:badgePulse 1.2s infinite}.chatbot-window.beloved-theme .chat-message-wrapper.user .chat-message-bubble{background:linear-gradient(135deg,#ff286e,#e4af12);color:#fff;box-shadow:0 6px 16px #ff286e4d;border-bottom-right-radius:4px}.chatbot-window.beloved-theme .chat-message-wrapper.ai .chat-message-bubble{background:#ff286e14;border:1.5px solid rgba(255,40,110,.25);box-shadow:0 4px 12px #ff286e14}.chatbot-window.beloved-theme .chatbot-input-form{border:1.5px solid rgba(255,40,110,.35)}.chatbot-window.beloved-theme .chatbot-input-form:focus-within{border-color:#ff286e;box-shadow:0 0 12px #ff286e40}.chatbot-window.beloved-theme .chatbot-send-btn{background:linear-gradient(135deg,#ff286e,#e4af12);color:#fff}.chatbot-window.beloved-theme .chatbot-suggestion-chip{background:#ff286e0f;border:1px solid rgba(255,40,110,.3);color:#ff286e}.chatbot-window.beloved-theme .chatbot-suggestion-chip:hover{background:linear-gradient(135deg,#ff286e,#e4af12);color:#fff;border-color:transparent}.chatbot-fab.beloved-theme{background:linear-gradient(135deg,#ff286e,#e4af12);color:#fff;box-shadow:0 12px 30px #ff286e80,0 0 0 8px #ff286e40;animation:belovedFabPulse 2s infinite}@keyframes riseAndSway{0%{transform:translateY(0) translate(0) scale(.4) rotate(0);opacity:0}12%{opacity:.95}88%{opacity:.8}to{transform:translateY(-120vh) translate(var(--sway-distance, 120px)) scale(var(--scale-factor, 1.3)) rotate(var(--rotate-degree, 45deg));opacity:0}}@keyframes riseFromClick{0%{transform:translateY(0) translate(0) scale(.3) rotate(0);opacity:0}15%{opacity:.95;transform:translateY(-30px) translate(var(--sway-half, 10px)) scale(1)}to{transform:translateY(-80vh) translate(var(--sway-distance, 120px)) scale(var(--scale-factor, 1.3)) rotate(var(--rotate-degree, 45deg));opacity:0}}@keyframes shimmer{0%{transform:scale(.2) rotate(0);opacity:0}25%{opacity:1;transform:scale(1.2) rotate(180deg)}75%{opacity:.8}to{transform:translateY(-120px) scale(.3) rotate(360deg);opacity:0}}@keyframes vignettePulse{0%{opacity:.2}to{opacity:.95}}@keyframes belovedFabPulse{0%{box-shadow:0 10px 25px #ff286e66,0 0 #ff286e66}70%{box-shadow:0 10px 25px #ff286e66,0 0 0 14px #ff286e00}to{box-shadow:0 10px 25px #ff286e66,0 0 #ff286e00}}@media(max-width:768px){.floating-heart{filter:none!important;text-shadow:0 3px 6px rgba(255,40,110,.55)}.floating-text-particle{backdrop-filter:none!important;-webkit-backdrop-filter:none!important;background:#dc1e5fed!important;border:1px solid rgba(255,255,255,.35)!important;box-shadow:0 6px 15px #ff286e40!important}.beloved-vignette{animation-duration:9s!important}.floating-heart,.sparkle-star,.floating-text-particle,.beloved-vignette{transform:translateZ(0);backface-visibility:hidden;perspective:1000px;will-change:transform,opacity}}.chat-link{color:var(--chat-primary);text-decoration:underline;font-weight:600;transition:opacity .2s ease}.chat-link:hover{opacity:.85}.chat-inline-code{background:#00000059;border:1px solid rgba(228,175,18,.2);color:var(--chat-primary);padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px}.chat-list{margin:8px 0;padding-left:18px;display:flex;flex-direction:column;gap:4px}.chat-list-item{list-style-type:disc;font-size:13.5px;line-height:1.45}.chat-paragraph{margin:6px 0}.chat-divider{border:0;height:1px;background:#e4af1233;margin:12px 0}.chat-spacing{height:8px}.chat-header{font-weight:700;color:var(--chat-primary);margin:10px 0 4px}.chat-h2{font-size:16px;border-bottom:1px solid rgba(228,175,18,.15);padding-bottom:2px}.chat-h3{font-size:14.5px}.chat-h4{font-size:13.5px}#sidebar-dp-holder.portal-active>img.me{display:none!important}.theme-btn.beloved-btn-pulse{background:linear-gradient(135deg,#ff6b8b,#e4af12)!important;border-color:#ff6b8b66!important;color:#fff!important;box-shadow:0 0 20px #ff6b8b8c;animation:belovedButtonPulse 2s infinite ease-in-out alternate!important}.theme-btn.beloved-btn-pulse i{color:#fff!important;margin-right:8px}@keyframes belovedButtonPulse{0%{box-shadow:0 0 15px #ff6b8b66;transform:scale(1)}to{box-shadow:0 0 30px #ff6b8bcc,0 0 15px #e4af1266;transform:scale(1.05)}}#sidebar-dp-holder>img.me{border-radius:30px;display:block;margin-bottom:56px;width:100%}@media(max-width:1555px){#sidebar-dp-holder>img.me{max-width:250px;margin-left:auto;margin-right:auto;margin-bottom:46px}}@media(max-width:1220px){#sidebar-dp-holder>img.me{width:auto}}.sidebar-dp-wrapper{position:relative;width:100%;max-width:100%;margin-bottom:56px;display:block;z-index:5;transition:all .3s ease}.sidebar-dp-glow-underlay{position:absolute;top:10px;left:10px;right:10px;bottom:0;background-size:cover;background-position:center;filter:blur(28px) opacity(.42);z-index:1;border-radius:30px;transform:scale(.96);pointer-events:none;animation:underlayPulse 6s ease-in-out infinite alternate;transition:background-image .6s ease-in-out}.sidebar-dp-slider-container{position:relative;width:100%;height:380px;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:#141414;overflow:hidden;z-index:2;box-shadow:0 15px 35px #0006;transition:border-color .3s ease,box-shadow .3s ease}.sidebar-dp-wrapper:hover .sidebar-dp-slider-container{border-color:#e4af1259;box-shadow:0 20px 45px #0000008c,0 0 25px #e4af121a}.sidebar-dp-image{width:100%;height:100%;object-fit:cover;object-position:center 20%;position:absolute;top:0;left:0;pointer-events:none}.sidebar-dp-shimmer-glint{position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff08 40%,#ffffff24,#ffffff08 60%,#fff0);transform:skew(-25deg);z-index:3;pointer-events:none;animation:metallicSweep 9s infinite ease-in-out}.sidebar-dp-nav-btn{position:absolute;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:#1414148c;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:4;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1)}.sidebar-dp-nav-btn:hover{background:var(--primary_color, #e4af12);color:#000;border-color:var(--primary_color, #e4af12);box-shadow:0 4px 12px #e4af1266;transform:translateY(-50%) scale(1.1)}.sidebar-dp-nav-btn.prev{left:15px}.sidebar-dp-nav-btn.next{right:15px}.sidebar-dp-nav-btn i{font-size:16px}.sidebar-dp-dots-container{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;gap:8px;z-index:4;padding:6px 12px;border-radius:20px;background:#00000059;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.08)}.sidebar-dp-dot{width:8px;height:8px;border-radius:50%;background:#fff6;border:none;cursor:pointer;padding:0;transition:all .25s cubic-bezier(.4,0,.2,1);outline:none}.sidebar-dp-dot:hover{background:#fffc;transform:scale(1.2)}.sidebar-dp-dot.active{background:var(--primary_color, #e4af12);width:22px;border-radius:4px;box-shadow:0 0 10px #e4af1266}@keyframes metallicSweep{0%{left:-150%}20%,to{left:150%}}@keyframes underlayPulse{0%{filter:blur(28px) opacity(.38);transform:scale(.94) translateY(2px)}to{filter:blur(32px) opacity(.48);transform:scale(.98) translateY(-2px)}}@media(max-width:1555px){.sidebar-dp-wrapper{margin-bottom:46px}.sidebar-dp-slider-container{height:320px;border-radius:24px}.sidebar-dp-glow-underlay{border-radius:24px}}@media(max-width:1220px){.sidebar-dp-wrapper{max-width:260px;margin:10px auto 30px}.sidebar-dp-slider-container{height:300px}}@media(max-width:480px){.sidebar-dp-wrapper{max-width:230px}.sidebar-dp-slider-container{height:260px;border-radius:20px}.sidebar-dp-glow-underlay{border-radius:20px}}@media(max-width:768px){.sidebar-dp-glow-underlay{animation:none!important;filter:blur(22px) opacity(.38)!important;transform:scale(.95) translateZ(0)!important;will-change:auto}.sidebar-dp-image{transform:translateZ(0);backface-visibility:hidden;will-change:transform}}.projects-page{min-height:100vh;background:#0f0f0f;padding-top:80px;position:relative}body:has(.projects-page) .left-sidebar{display:none!important}.projects-page~.left-sidebar,.projects-page+.left-sidebar{display:none!important}.hassan-main:has(.projects-page) .left-sidebar{display:none!important}.projects-page .project-card{display:block!important;flex-direction:column!important}.projects-page .project-image{width:100%!important;flex:none!important;height:200px!important}.projects-page .project-details{width:100%!important;flex:none!important;padding:24px!important}.projects-page *{box-sizing:border-box}.projects-page .projects-grid>*{display:block!important;width:100%!important}.projects-header{padding:60px 0 40px;background:linear-gradient(135deg,#1a1a1a,#0f0f0f);border-bottom:1px solid rgba(255,255,255,.1)}.projects-header-content{max-width:1200px;margin:0 auto;padding:0 20px}.back-button{margin-bottom:40px}.back-link{display:inline-flex;align-items:center;gap:10px;color:var(--primary_color)!important;text-decoration:none;font-size:16px;font-weight:500;padding:12px 24px;border:2px solid rgba(228,175,18,.3);border-radius:25px;transition:all .3s ease;background:linear-gradient(135deg,#e4af120d,#e4af1205)}.back-link:hover{color:var(--primary_color)!important;text-decoration:none!important;background:linear-gradient(135deg,#e4af121a,#e4af120d);border-color:#e4af1280;transform:translateY(-2px);box-shadow:0 8px 20px #e4af1233}.header-text{text-align:center}.page-title{font-size:48px;font-weight:700;color:#fff;margin-bottom:20px;line-height:1.2}.page-title span{color:var(--primary_color)}.page-subtitle{font-size:20px;color:#a1a1aa;max-width:800px;margin:0 auto;line-height:1.6;font-weight:400}.projects-grid-section{padding:80px 0}.projects-page .projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:30px;max-width:1200px;margin:0 auto;padding:0 20px;position:relative}.project-card-new{background:linear-gradient(160deg,#1c1c20f2,#121216fa);border:1px solid rgba(255,255,255,.07);border-radius:20px;overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease,transform .35s cubic-bezier(.34,1.56,.64,1);position:relative;cursor:pointer;display:block!important;width:100%;box-shadow:inset 0 1px #ffffff0f,0 4px 20px #0000004d}.project-card-new:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:20px;border:1.5px solid transparent;background:linear-gradient(160deg,#e4af128c,#ffd23c26) border-box;-webkit-mask:linear-gradient(#fff 0 0) padding-box,linear-gradient(#fff 0 0);-webkit-mask-composite:destination-out;mask-composite:exclude;opacity:0;transition:opacity .35s ease;pointer-events:none}.project-card-new:hover{border-color:#e4af1259;box-shadow:inset 0 1px #ffffff14,0 8px 32px #00000073,0 0 0 1px #e4af121f,0 16px 48px #e4af121a}.project-card-new:hover:after{opacity:1}.project-image-container{position:relative;height:224px;overflow:hidden;width:100%;display:block;background:#111}.project-image-container img{width:100%;height:100%;object-fit:cover;transition:transform .5s cubic-bezier(.25,.46,.45,.94),filter .35s ease;filter:brightness(.92) saturate(.9)}.project-card-new:hover .project-image-container img{transform:scale(1.06);filter:brightness(.55) saturate(.7)}.project-category-badge{position:absolute;top:14px;left:14px;z-index:3;background:#0a0a0cc7;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(228,175,18,.25);border-radius:20px;padding:4px 12px;font-size:11px;font-weight:600;color:var(--primary_color);letter-spacing:.04em;text-transform:uppercase;pointer-events:none;transition:opacity .3s ease}.project-card-new:hover .project-category-badge{opacity:0}.project-overlay-new{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(160deg,#e4af122e,#0a0a0cd1);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.project-card-new:hover .project-overlay-new{opacity:1}.view-project-btn-new{background:#e4af12f5;color:#0a0a0c;border:none;padding:11px 26px;border-radius:30px;font-size:13px;font-weight:700;letter-spacing:.03em;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 20px #e4af1259}.view-project-btn-new:hover{background:#ffd84d;transform:scale(1.06);box-shadow:0 6px 28px #e4af128c}.project-content-new{padding:22px 24px 24px;width:100%;display:block;border-top:1px solid rgba(255,255,255,.04)}.project-title-new{font-size:17px;font-weight:700;color:#f1f1f3;margin-bottom:8px;line-height:1.35;letter-spacing:-.01em}.project-description-new{font-size:13.5px;color:#8a8a96;line-height:1.6;margin-bottom:16px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.project-skills-new{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:18px}.skill-tag-new{background:#ffffff0a;color:#c4c4cc;padding:4px 10px;border-radius:8px;font-size:11.5px;font-weight:500;border:1px solid rgba(255,255,255,.07);transition:background .2s,color .2s,border-color .2s}.project-card-new:hover .skill-tag-new{background:#e4af1214;color:#e4af12e6;border-color:#e4af122e}.project-card-footer{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(255,255,255,.05);padding-top:16px;margin-top:2px}.project-links-new{display:flex;gap:10px;flex-wrap:wrap}.project-link-new{display:inline-flex;align-items:center;gap:6px;color:#8a8a96;text-decoration:none;font-size:12.5px;font-weight:600;padding:6px 14px;border:1px solid rgba(255,255,255,.08);border-radius:20px;transition:all .25s ease;letter-spacing:.02em}.project-link-new:hover{color:var(--primary_color);background:#e4af1214;border-color:#e4af124d;transform:translateY(-1px)}.project-link-new i{font-size:14px}.project-card-cta{width:32px;height:32px;border-radius:50%;background:#ffffff0a;border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;color:#6b6b75;font-size:15px;transition:all .25s ease;flex-shrink:0}.project-card-new:hover .project-card-cta{background:#e4af121f;border-color:#e4af124d;color:var(--primary_color);transform:translate(3px)}@media(max-width:768px){.projects-page{padding-top:60px}.projects-header{padding:40px 0 30px}.projects-header-content{padding:0 15px}.back-button{margin-bottom:30px}.back-link{font-size:14px;padding:10px 20px}.page-title{font-size:36px}.page-subtitle{font-size:18px}.projects-grid-section{padding:60px 0}.projects-grid{grid-template-columns:1fr;gap:25px;padding:0 15px}.project-image-container{height:196px}.project-content-new{padding:20px}.project-title-new{font-size:18px}}@media(max-width:480px){.page-title{font-size:28px}.page-subtitle{font-size:16px}.projects-grid{gap:20px}.project-image-container{height:172px}.project-content-new{padding:16px}.project-title-new{font-size:16px}.project-description-new{font-size:13px}}.filter-container{display:flex;align-items:center;gap:20px;justify-content:center;flex-wrap:wrap;width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.view-toggle-wrap{display:flex;background:#ffffff08;border:1px solid rgba(255,255,255,.08);padding:6px;border-radius:30px;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);gap:4px;position:relative;z-index:10;height:52px;align-items:center}.toggle-btn{background:none!important;border:none!important;color:#a1a1aa!important;width:40px;height:40px;border-radius:50%!important;cursor:pointer!important;transition:color .3s ease!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important;font-size:18px!important;z-index:2}.toggle-btn.active{color:var(--primary_color)!important}.toggle-btn-pill{position:absolute;top:0;left:0;right:0;bottom:0;background:#e4af121a;border:1px solid rgba(228,175,18,.25);border-radius:50%;z-index:-1}.projects-list-container{display:flex;flex-direction:column;gap:20px;max-width:1200px;margin:0 auto;padding:0 20px}.project-row{background:linear-gradient(100deg,#18181cf5,#101014fa);border:1px solid rgba(255,255,255,.06);border-radius:16px;padding:16px 24px;display:flex;align-items:center;gap:24px;transition:all .3s cubic-bezier(.25,.8,.25,1);cursor:pointer;width:100%;position:relative;overflow:hidden;box-sizing:border-box;box-shadow:inset 0 1px #ffffff0a,0 2px 12px #00000040}.project-row:before{content:"";position:absolute;left:0;top:20%;bottom:20%;width:3px;border-radius:0 3px 3px 0;background:var(--primary_color);opacity:0;transition:opacity .3s ease,top .3s ease,bottom .3s ease}.project-row:hover:before{opacity:1;top:12%;bottom:12%}.project-row:hover{border-color:#e4af1233;background:linear-gradient(100deg,#1e1e22fa,#141418fc);box-shadow:inset 0 1px #ffffff0f,0 8px 28px #00000059,0 0 0 1px #e4af1214}.row-thumbnail{width:120px;height:80px;border-radius:10px;overflow:hidden;position:relative;flex-shrink:0;background:#18181b}.row-static-img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.project-row:hover .row-static-img{transform:scale(1.05)}.row-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#e4af1233;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .3s ease;color:#fff;font-size:18px}.project-row:hover .row-image-overlay{opacity:1}.row-title-cat{flex-shrink:0;width:200px;display:flex;flex-direction:column;gap:4px}.row-title{font-size:18px;font-weight:600;color:#fff;margin:0;line-height:1.3}.row-category-tag{font-size:12px;color:var(--primary_color);font-weight:500;opacity:.8}.project-row-desc{flex:1;font-size:14px;color:#a1a1aa;line-height:1.5;margin:0;padding-right:20px;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.row-skills{display:flex;flex-wrap:wrap;gap:6px;flex-shrink:0;max-width:260px}.row-skill-tag{background:#ffffff08;color:#d4d4d8;padding:4px 10px;border-radius:8px;font-size:11px;font-weight:500;border:1px solid rgba(255,255,255,.06)}.row-skills-more{background:#e4af121a;color:var(--primary_color);border-color:#e4af1233}.row-actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.row-action-link{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--primary_color);border:1px solid rgba(228,175,18,.3);text-decoration:none;font-size:16px;transition:all .3s ease;background:#e4af1205}.row-action-link:hover{background:#e4af121a;border-color:var(--primary_color);transform:translateY(-2px);box-shadow:0 4px 12px #e4af1226}.row-details-btn{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#ffffff0a!important;border:1px solid rgba(255,255,255,.1)!important;color:#fff!important;font-size:18px!important;cursor:pointer!important;transition:all .3s ease!important}.project-row:hover .row-details-btn{background:var(--primary_color)!important;border-color:var(--primary_color)!important;color:#000!important;transform:translate(3px);box-shadow:0 4px 12px #e4af1240}@media(max-width:992px){.project-row{gap:16px}.row-title-cat{width:160px}.row-skills{max-width:180px}}@media(max-width:768px){.filter-container{flex-direction:column;gap:16px}.view-toggle-wrap{height:auto;padding:4px}.project-row{flex-direction:column;align-items:stretch;padding:20px;gap:16px}.row-thumbnail{width:100%;height:180px}.row-title-cat{width:100%}.project-row-desc{padding-right:0;-webkit-line-clamp:3;line-clamp:3}.row-skills{max-width:100%}.row-actions{justify-content:flex-end;margin-top:8px;border-top:1px solid rgba(255,255,255,.06);padding-top:12px}.row-details-btn{flex:1;border-radius:20px!important;gap:8px;font-size:14px!important}.row-details-btn:after{content:"View Case Study";font-weight:500}.project-row:hover .row-details-btn{transform:none!important}}.skeleton-card{background:#2a2a2a;border-radius:12px;padding:20px;margin-bottom:20px;overflow:hidden;position:relative}.skeleton-image{width:100%;height:200px;background:#3a3a3a;border-radius:8px;margin-bottom:15px;overflow:hidden;position:relative}.skeleton-content{padding:0 5px}.skeleton-title{width:70%;height:24px;background:#3a3a3a;border-radius:4px;margin-bottom:10px;overflow:hidden;position:relative}.skeleton-text{width:100%;height:16px;background:#3a3a3a;border-radius:4px;margin-bottom:8px;overflow:hidden;position:relative}.skeleton-text.short{width:60%}.skeleton-tags{display:flex;gap:8px;margin-top:15px}.skeleton-tag{width:60px;height:24px;background:#3a3a3a;border-radius:12px;overflow:hidden;position:relative}.skeleton-avatar{width:50px;height:50px;background:#3a3a3a;border-radius:50%;overflow:hidden;position:relative}.skeleton-button{width:120px;height:40px;background:#3a3a3a;border-radius:20px;overflow:hidden;position:relative}.skeleton-shimmer{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transform:translate(-100%)}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}.loading-spinner{width:40px;height:40px;border:3px solid #3a3a3a;border-top:3px solid var(--primary_color);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-text{margin-top:15px;color:#999;font-size:14px}.fade-in{animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#1f1f1f;border-radius:4px}::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary_color) 0%,rgba(228,175,18,.7) 100%);border-radius:4px;border:1px solid rgba(228,175,18,.2);transition:all .3s ease}::-webkit-scrollbar-thumb:hover{background:linear-gradient(180deg,#f5c842 0%,var(--primary_color) 100%);border-color:#e4af1266;box-shadow:0 0 10px #e4af124d}::-webkit-scrollbar-thumb:active{background:var(--primary_color);box-shadow:0 0 15px #e4af1280}::-webkit-scrollbar-corner{background:#1f1f1f}*{scrollbar-width:thin;scrollbar-color:var(--primary_color) #1f1f1f}a,button,[role=button],select,label[for],input[type=checkbox],input[type=radio],input[type=submit],input[type=reset],input[type=button],input[type=file],summary,[tabindex]:not([tabindex="-1"]),.filter-btn,.toggle-btn,.design-pick-btn,.view-project-btn,.view-project-btn-new,.card-b-view-btn,.card-c-view-btn,.card-d-view-btn,.card-a-view-btn,.project-card,.project-card-new,.card-design-a,.card-design-b,.card-design-c,.card-design-d,.project-row,.row-details-btn,.row-action-link,.gallery-thumb-wrapper,.modal-close-elite,.back-link,.see-more-link,.project-link,.project-link-new,.card-a-link,.card-b-link,.card-c-link,.card-d-link,.modal-action-btn,.case-study-tech-tag{cursor:pointer!important}.notification{position:fixed;top:30px;right:30px;z-index:10000;max-width:400px;min-width:320px;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(228,175,18,.3);border-radius:16px;box-shadow:0 20px 40px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff1a;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;font-family:inherit}.notification-success{border-color:#e4af1299;box-shadow:0 20px 40px #0006,0 0 0 1px #e4af124d,0 0 20px #e4af1233,inset 0 1px #ffffff1a}.notification-error{border-color:#ef444466;box-shadow:0 20px 40px #0006,0 0 0 1px #ef444433,inset 0 1px #ffffff1a}.notification-content{display:flex;align-items:flex-start;gap:16px;padding:20px;position:relative}.notification-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.notification-icon.success{color:var(--primary_color)}.notification-icon.error{color:#ef4444}.notification-icon svg{width:100%;height:100%}.notification-text{flex:1;min-width:0}.notification-title{margin:0 0 4px;font-size:16px;font-weight:600;color:#fff;line-height:1.4}.notification-message{margin:0;font-size:14px;color:#a1a1aa;line-height:1.5}.notification-close{flex-shrink:0;width:24px;height:24px;background:none;border:none;color:#71717a;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s ease}.notification-close:hover{color:#fff;background:#ffffff1a}.notification-close svg{width:16px;height:16px}.notification-progress{position:absolute;bottom:0;left:0;height:3px;background:linear-gradient(90deg,var(--primary_color) 0%,rgba(228,175,18,.8) 100%);transform-origin:left;border-radius:0 0 16px 16px}.notification-error .notification-progress{background:linear-gradient(90deg,#ef4444,#dc2626)}@media(max-width:768px){.notification{top:20px;right:20px;left:20px;max-width:none;min-width:auto}.notification-content{padding:16px;gap:12px}.notification-title{font-size:15px}.notification-message{font-size:13px}}.services-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:30px;margin-top:60px}.service-card{background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 35px;position:relative;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer}.service-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e4af120d,#e4af1205);opacity:0;transition:opacity .4s ease;z-index:1}.service-card:hover:before{opacity:1}.service-card:hover{border-color:#e4af1266;box-shadow:0 20px 40px #0000004d,0 0 0 1px #e4af1233,0 0 30px #e4af121a;transform:translateY(-8px)}.service-icon-wrapper{width:80px;height:80px;background:linear-gradient(135deg,#e4af121a,#e4af120d);border:2px solid rgba(228,175,18,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:25px;position:relative;z-index:2;transition:all .4s ease}.service-card:hover .service-icon-wrapper{background:linear-gradient(135deg,#e4af1233,#e4af121a);border-color:#e4af1266;box-shadow:0 10px 20px #e4af1233}.service-icon-wrapper i{font-size:32px;color:var(--primary_color);transition:all .3s ease}.service-content{position:relative;z-index:2}.service-title{font-size:22px;font-weight:600;color:#fff;margin-bottom:15px;line-height:1.3;transition:all .3s ease}.service-description{font-size:15px;color:#a1a1aa;line-height:1.6;margin-bottom:25px;transition:all .3s ease}.service-cta{display:flex;align-items:center;gap:8px;color:var(--primary_color);font-size:14px;font-weight:500;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;transition:all .3s ease}.service-cta:hover{color:#fff}.service-cta i{font-size:12px;transition:all .3s ease}@media(max-width:768px){.services-grid{grid-template-columns:1fr;gap:20px;margin-top:40px}.service-card{padding:30px 25px}.service-icon-wrapper{width:70px;height:70px;margin-bottom:20px}.service-icon-wrapper i{font-size:28px}.service-title{font-size:20px;margin-bottom:12px}.service-description{font-size:14px;margin-bottom:20px}}@media(max-width:480px){.service-card{padding:25px 20px}.service-icon-wrapper{width:60px;height:60px}.service-icon-wrapper i{font-size:24px}.service-title{font-size:18px}.service-description{font-size:13px}}.experience-timeline{position:relative;margin-top:60px}.experience-timeline:before{content:"";position:absolute;left:30px;top:0;bottom:0;width:2px;background:linear-gradient(180deg,var(--primary_color) 0%,rgba(228,175,18,.3) 50%,var(--primary_color) 100%);border-radius:2px}.experience-card{position:relative;background:linear-gradient(135deg,#1a1a1a,#2d2d2d);border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:30px 35px 30px 80px;margin-bottom:30px;margin-left:60px;transition:all .4s cubic-bezier(.4,0,.2,1);cursor:pointer;overflow:hidden}.experience-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#e4af120d,#e4af1205);opacity:0;transition:opacity .4s ease;z-index:1}.experience-card:hover:before{opacity:1}.experience-card:hover{border-color:#e4af1266;box-shadow:0 20px 40px #0000004d,0 0 0 1px #e4af1233,0 0 30px #e4af121a;transform:translateY(-8px)}.experience-icon{position:absolute;left:-45px;top:30px;width:60px;height:60px;background:linear-gradient(135deg,#e4af1233,#e4af121a);border:2px solid rgba(228,175,18,.3);border-radius:50%;display:flex;align-items:center;justify-content:center;z-index:3;transition:all .4s ease}.experience-card:hover .experience-icon{background:linear-gradient(135deg,#e4af124d,#e4af1233);border-color:#e4af1280;box-shadow:0 10px 20px #e4af124d}.experience-icon i{font-size:24px;color:var(--primary_color);transition:all .3s ease}.experience-content{position:relative;z-index:2}.experience-period{font-size:14px;font-weight:600;color:var(--primary_color);margin-bottom:8px;text-transform:uppercase;letter-spacing:1px;transition:all .3s ease}.experience-title{font-size:22px;font-weight:600;color:#fff;margin-bottom:12px;line-height:1.3;transition:all .3s ease}.experience-companies{display:flex;flex-direction:column;gap:12px}.company-item{display:flex;align-items:center;gap:15px}.company-info{display:flex;align-items:center;gap:15px;flex-wrap:wrap}.company-separator{display:flex;align-items:center;justify-content:center;width:30px;height:30px;background:linear-gradient(135deg,#e4af1233,#e4af121a);border:1px solid rgba(228,175,18,.3);border-radius:50%;color:var(--primary_color);font-weight:600;font-size:14px;transition:all .3s ease}.company-separator:hover{background:linear-gradient(135deg,#e4af124d,#e4af1233);border-color:#e4af1280;transform:scale(1.1)}.company-link{display:flex;align-items:center;gap:8px;color:#a1a1aa;text-decoration:none;font-size:16px;font-weight:500;transition:all .3s ease}.company-link:hover{color:var(--primary_color)}.company-link i{font-size:12px;transition:all .3s ease}.company-name{color:#a1a1aa;font-size:16px;font-weight:500;transition:all .3s ease}.experience-location{display:flex;align-items:center;gap:6px;color:#71717a;font-size:14px;transition:all .3s ease}.experience-location i{font-size:12px;color:var(--primary_color)}.experience-connector{position:absolute;left:-45px;top:90px;width:2px;height:30px;background:linear-gradient(180deg,var(--primary_color) 0%,rgba(228,175,18,.3) 100%);transform-origin:top;border-radius:2px}.experience-card:last-child .experience-connector{display:none}@media(max-width:768px){.experience-timeline:before{left:20px}.experience-card{margin-left:40px;padding:25px 25px 25px 60px}.experience-icon{left:-35px;width:50px;height:50px}.experience-icon i,.experience-title{font-size:20px}.experience-companies{gap:10px}.company-item,.company-info{flex-direction:column;align-items:flex-start;gap:8px}.company-separator{width:25px;height:25px;font-size:12px}.experience-connector{left:-35px}}@media(max-width:480px){.experience-timeline:before{left:15px}.experience-card{margin-left:30px;padding:20px 20px 20px 50px}.experience-icon{left:-30px;width:45px;height:45px}.experience-icon i,.experience-title{font-size:18px}.experience-period{font-size:12px}.company-separator{width:20px;height:20px;font-size:10px}}body{scroll-behavior:smooth!important;overflow-x:hidden!important;overflow-y:auto!important;-webkit-overflow-scrolling:touch}.menu.scroll-nav{position:fixed!important;right:20px!important;top:50%!important;transform:translateY(-50%)!important;z-index:20!important}body.projects-page-active .menu.scroll-nav,body:has(.projects-page) .menu.scroll-nav{display:none!important}#root{position:relative;z-index:1}#smooth-content{padding-right:20px!important}.hassan-main{position:relative}.page-section{position:relative;z-index:1}.project-modal{z-index:999999!important;position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;overflow:hidden!important}.motion-div{will-change:transform,opacity}.scroll-animation{opacity:1!important}#smooth-wrapper{position:relative;z-index:1}.left-sidebar{display:block!important;visibility:visible!important;opacity:1!important}.icon-menu{right:20px!important}#smooth-content{position:relative;z-index:2}.testimonial-nav button{background:transparent;border:2px solid var(--primary_color);color:var(--primary_color);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.testimonial-nav button:hover{background:var(--primary_color);color:#000}.testimonial-nav button i{font-size:18px}body.modal-open .left-sidebar,body.modal-open .menu.scroll-nav{opacity:.1!important;transition:opacity .3s ease!important;pointer-events:none!important}.project-modal .modal-overlay{position:fixed!important;top:0!important;left:0!important;width:100vw!important;height:100vh!important;background:#000c!important;z-index:1!important;-webkit-backdrop-filter:blur(2px)!important;backdrop-filter:blur(2px)!important}body.modal-open{overflow:hidden!important}body{overflow-x:hidden!important}html{scroll-behavior:smooth!important}html,body{overflow-x:hidden!important}.project-modal.active{overflow:hidden!important}body.modal-open #smooth-content{margin-left:0!important;transition:margin-left .3s ease!important}.modal-body{display:flex!important;gap:30px!important;padding:30px!important;overflow:hidden!important}.modal-media{flex:0 0 40%!important;max-width:40%!important}.modal-details{flex:0 0 60%!important;max-width:60%!important}.modal-skills{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:20px!important}.modal-skills span,.tech-tag{background:var(--primary_color)!important;color:#000!important;padding:6px 12px!important;border-radius:20px!important;font-size:12px!important;font-weight:500!important;white-space:nowrap!important;display:inline-block!important;margin:2px!important}.modal-technologies{margin-bottom:15px}.modal-skills div{display:flex!important;flex-wrap:wrap!important;gap:8px!important;margin-bottom:10px}.modal-close{background:transparent;border:none;color:#fff;font-size:24px;cursor:pointer;padding:5px;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.modal-close:hover{background:var(--primary_color);color:#000}.modal-content{scrollbar-width:thin;scrollbar-color:var(--primary_color) #2a2a2a}.modal-content::-webkit-scrollbar{width:6px}.modal-content::-webkit-scrollbar-track{background:#2a2a2a;border-radius:3px}.modal-content::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--primary_color) 0%,rgba(228,175,18,.8) 100%);border-radius:3px;border:1px solid rgba(228,175,18,.3)}.modal-content::-webkit-scrollbar-thumb:hover{background:var(--primary_color);box-shadow:0 0 8px #e4af1266}.testimonial-slider{scrollbar-width:thin;scrollbar-color:var(--primary_color) transparent}.testimonial-slider::-webkit-scrollbar{height:4px}.testimonial-slider::-webkit-scrollbar-track{background:transparent}.testimonial-slider::-webkit-scrollbar-thumb{background:var(--primary_color);border-radius:2px;opacity:.7}.testimonial-slider::-webkit-scrollbar-thumb:hover{opacity:1;box-shadow:0 0 6px #e4af1280}.portfolio-items,#smooth-content{scrollbar-width:thin;scrollbar-color:var(--primary_color) #1f1f1f}@media(max-width:768px){.modal-body{flex-direction:column!important;gap:20px!important;padding:20px!important}.modal-media,.modal-details{flex:1!important;max-width:100%!important}}.portfolio-subtitle{font-size:18px;color:#a1a1aa;text-align:center;max-width:600px;margin:30px auto 60px;line-height:1.6;font-weight:400}.see-more-wrap{text-align:center;margin-top:80px;padding:40px 0}.see-more-content{display:inline-block;text-align:center}.see-more-link{display:inline-flex;align-items:center;gap:15px;background:linear-gradient(135deg,var(--primary_color) 0%,rgba(228,175,18,.9) 100%);color:#000;text-decoration:none;padding:20px 40px;border-radius:50px;font-size:18px;font-weight:600;transition:all .3s ease;box-shadow:0 10px 30px #e4af124d;margin-bottom:15px}.see-more-link:hover{background:linear-gradient(135deg,#f5c842 0%,var(--primary_color) 100%);color:#000;transform:translateY(-3px);box-shadow:0 15px 40px #e4af1266;text-decoration:none}.see-more-text{font-weight:700}.see-more-link i{font-size:16px;transition:all .3s ease}.see-more-subtitle{color:#a1a1aa;font-size:16px;margin:0;font-weight:400}@media(max-width:768px){.see-more-wrap{margin-top:60px;padding:30px 0}.see-more-link{padding:16px 32px;font-size:16px;gap:12px}.see-more-subtitle{font-size:14px}}@media(max-width:480px){.see-more-link{padding:14px 28px;font-size:15px;gap:10px}.see-more-subtitle{font-size:13px}}@media(min-width:1221px){.icon-menu{display:none!important}}@media(max-width:1220px){.left-sidebar{position:relative!important;margin:10px!important;width:calc(100% - 20px)!important;max-width:calc(100% - 20px)!important}.left-sidebar .icon-menu{position:absolute!important;right:15px!important;top:30px!important;display:flex!important;margin:0!important;z-index:100!important}.left-sidebar .sidebar-header{padding-right:75px!important}}.icon-menu.active{position:fixed!important;right:40px!important;top:40px!important;z-index:100000!important}.icon-menu.active .bar{background-color:var(--primary_color)!important}.full-screen-menu-wrapper{position:fixed!important;left:0!important;top:0!important;width:100%!important;height:100vh!important;z-index:99999!important;overflow:hidden!important}.portfolio-area .filter-btn{font-size:13px!important;padding:8px 16px!important}@media(max-width:1024px){.portfolio-area .filter-btn{font-size:12px!important;padding:6px 12px!important}.portfolio-area .filter-navigation{gap:4px!important}}@media(max-width:767px){.skills-area .skills-content .row .col-md-3{flex:0 0 auto!important;width:33.3333%!important}.skills .skill .skill-inner{padding:24px 0 20px!important;border-radius:24px!important;margin-bottom:12px!important}.skills .skill .skill-inner img{width:36px!important;height:auto!important;margin-bottom:0!important}.skills .skill .skill-inner i{font-size:32px!important}.skills .skill p.name{font-size:11px!important;line-height:1.25!important}}.modal-body-elite{padding:0!important}.modal-details-elite,.modal-media-elite{padding:32px!important}.modal-close-elite{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important;flex-shrink:0!important;align-self:center!important;border-radius:50%!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;padding:0!important;line-height:1!important}.primary-player-container{padding:5px!important;background:#000!important}.modal-video-wrapper,.modal-cinematic-video,.modal-primary-img{border-radius:11px!important}@media(max-width:991px){.modal-header-elite{padding:18px 24px!important}.modal-header-elite h2{font-size:20px!important}.modal-close-elite{align-self:flex-start!important;margin-top:0!important;width:36px!important;height:36px!important;min-width:36px!important;min-height:36px!important;max-width:36px!important;max-height:36px!important;font-size:16px!important}.modal-media-elite{padding:12px!important}.modal-details-elite{padding:24px!important}.media-gallery-strip{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important;width:100%!important;padding:0!important}.gallery-thumb-wrapper{width:100%!important;height:auto!important;aspect-ratio:16/10!important}}@media(max-width:768px){.projects-page .filter-btn{font-size:11px!important;padding:6px 12px!important}.projects-page .view-toggle-wrap{display:none!important}}.testimonial-item .testimonial-item-inner{position:relative!important;border:2px solid #565656!important;border-radius:20px!important;padding:40px!important;background:#ffffff08!important;-webkit-backdrop-filter:blur(10px)!important;backdrop-filter:blur(10px)!important;box-shadow:0 4px 20px #00000040!important;transition:all .3s ease!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:flex-start!important;min-height:280px!important}.testimonial-item .testimonial-item-inner:before{content:"“"!important;position:absolute!important;top:-10px!important;right:25px!important;font-size:130px!important;font-family:Inter,Outfit,sans-serif!important;font-weight:900!important;line-height:1!important;color:var(--primary_color)!important;opacity:.07!important;pointer-events:none!important;transition:all .3s ease!important}.testimonial-item .testimonial-item-inner:hover{border-color:var(--primary_color)!important;background:#ffffff0d!important;transform:translateY(-4px)!important;box-shadow:0 15px 30px #0006,0 0 15px #e4af120d!important}.testimonial-item .testimonial-item-inner:hover:before{opacity:.12!important;transform:scale(1.08) translateY(-4px)!important}.testimonial-item .testimonial-item-inner .rating-stars{color:var(--primary_color)!important;opacity:.95;text-shadow:0 0 8px rgba(228,175,18,.05)}.testimonial-item .testimonial-item-inner .author{display:flex!important;align-items:center!important;gap:16px!important;margin-bottom:24px!important}.testimonial-item .testimonial-item-inner .author img{width:60px!important;height:60px!important;border-radius:50%!important;object-fit:cover!important;border:2px solid rgba(255,255,255,.1)!important;transition:all .3s ease!important}.testimonial-item .testimonial-item-inner:hover .author img{border-color:var(--primary_color)!important;transform:scale(1.06)!important}.testimonial-item .testimonial-item-inner .author h3{font-size:18px!important;font-weight:600!important;color:#fff!important;margin:0 0 4px!important}.testimonial-item .testimonial-item-inner .author .designation{font-size:13px!important;color:#a1a1aa!important;margin:0!important}.testimonial-item .testimonial-item-inner>p{font-size:18px!important;font-weight:300!important;line-height:1.6!important;color:#e4e4e7!important;margin:0!important;display:block!important}@media(max-width:768px){.testimonial-item .testimonial-item-inner{padding:24px!important;min-height:auto!important;border-radius:20px!important}.testimonial-item .testimonial-item-inner:before{font-size:90px!important;top:5px!important;right:15px!important}.testimonial-item .testimonial-item-inner .author img{width:50px!important;height:50px!important}.testimonial-item .testimonial-item-inner>p{font-size:15px!important;line-height:1.55!important}}.left-sidebar h2.email a{color:#fff!important;text-decoration:none!important;transition:color .3s ease!important}.left-sidebar h2.email a:hover{color:var(--primary_color)!important}