.project-grid.svelte-d820bl{position:absolute;top:0;left:0;width:100vw;height:100vh;display:grid;grid-template-columns:repeat(8,1fr);grid-template-rows:repeat(6,1fr);gap:2rem;padding:2rem;opacity:.6}.code-block.svelte-d820bl{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;animation:svelte-d820bl-codeFloat 8s ease-in-out infinite;transition:all .3s ease}.code-block.svelte-d820bl:hover{background:#ffffff14;transform:translateY(-2px);box-shadow:0 8px 32px #8b5cf633}.code-line.svelte-d820bl{width:100%;height:2px;background:linear-gradient(90deg,#8b5cf699,#6366f166);border-radius:1px;margin:2px 0;animation:svelte-d820bl-codePulse 3s ease-in-out infinite}.code-line.short.svelte-d820bl{width:60%}.code-line.medium.svelte-d820bl{width:80%}.bracket.svelte-d820bl{font-size:1.5rem;font-weight:700;color:#8b5cf6cc;font-family:Courier New,monospace;animation:svelte-d820bl-bracketGlow 4s ease-in-out infinite}.project-icon.svelte-d820bl{font-size:1.2rem;animation:svelte-d820bl-iconBounce 6s ease-in-out infinite}.block-1.svelte-d820bl{grid-column:1;grid-row:1;animation-delay:0s}.block-2.svelte-d820bl{grid-column:3;grid-row:1;animation-delay:-1s}.block-3.svelte-d820bl{grid-column:6;grid-row:1;animation-delay:-2s}.block-4.svelte-d820bl{grid-column:8;grid-row:2;animation-delay:-3s}.block-5.svelte-d820bl{grid-column:7;grid-row:3;animation-delay:-4s}.block-6.svelte-d820bl{grid-column:4;grid-row:3;animation-delay:-5s}.block-7.svelte-d820bl{grid-column:1;grid-row:4;animation-delay:-6s}.block-8.svelte-d820bl{grid-column:2;grid-row:5;animation-delay:-7s}.block-9.svelte-d820bl{grid-column:5;grid-row:5;animation-delay:-8s}.block-10.svelte-d820bl{grid-column:7;grid-row:6;animation-delay:-9s}.block-11.svelte-d820bl{grid-column:3;grid-row:6;animation-delay:-10s}.block-12.svelte-d820bl{grid-column:8;grid-row:4;animation-delay:-11s}.geometric-shapes.svelte-d820bl{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.shape.svelte-d820bl{position:absolute;opacity:.1;animation:svelte-d820bl-shapeFloat 12s linear infinite}.shape-square.svelte-d820bl{width:40px;height:40px;background:linear-gradient(45deg,#8b5cf64d,#6366f14d);border-radius:4px}.shape-circle.svelte-d820bl{width:35px;height:35px;background:linear-gradient(45deg,#3b82f64d,#8b5cf64d);border-radius:50%}.shape-triangle.svelte-d820bl{width:0;height:0;border-left:20px solid transparent;border-right:20px solid transparent;border-bottom:35px solid rgba(99,102,241,.3)}.shape-diamond.svelte-d820bl{width:30px;height:30px;background:#8b5cf64d;transform:rotate(45deg)}.shape-hexagon.svelte-d820bl{width:30px;height:26px;background:#3b82f64d;position:relative;clip-path:polygon(50% 0%,100% 25%,100% 75%,50% 100%,0% 75%,0% 25%)}.shape-1.svelte-d820bl{top:10%;left:15%;animation-delay:0s}.shape-2.svelte-d820bl{top:25%;right:20%;animation-delay:-3s}.shape-3.svelte-d820bl{bottom:30%;left:10%;animation-delay:-6s}.shape-4.svelte-d820bl{top:60%;right:15%;animation-delay:-9s}.shape-5.svelte-d820bl{bottom:15%;right:30%;animation-delay:-12s}@keyframes svelte-d820bl-codeFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes svelte-d820bl-codePulse{0%,to{opacity:.6;transform:scaleX(1)}50%{opacity:1;transform:scaleX(1.05)}}@keyframes svelte-d820bl-bracketGlow{0%,to{color:#8b5cf6cc;text-shadow:0 0 10px rgba(139,92,246,.3)}50%{color:#6366f1;text-shadow:0 0 20px rgba(99,102,241,.5)}}@keyframes svelte-d820bl-iconBounce{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes svelte-d820bl-shapeFloat{0%{transform:translateY(0) rotate(0)}25%{transform:translateY(-20px) rotate(90deg)}50%{transform:translateY(0) rotate(180deg)}75%{transform:translateY(-10px) rotate(270deg)}to{transform:translateY(0) rotate(360deg)}}.btn-primary.svelte-d820bl,.btn-secondary.svelte-d820bl{position:relative;overflow:hidden;transition:all .3s ease;text-decoration:none;display:inline-flex;align-items:center;border-radius:9999px;padding:8px 20px;font-size:14px;font-weight:500;cursor:pointer;border:none;outline:none;z-index:1}.btn-primary.svelte-d820bl{background-color:#000;color:#fff;box-shadow:0 6px 16px #0003}.btn-primary.svelte-d820bl:hover{color:#fff}.btn-secondary.svelte-d820bl{background-color:#fff;color:#000;border:1px solid rgba(0,0,0,.1)}.btn-primary.svelte-d820bl:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease;border-radius:9999px;z-index:1}.btn-primary.svelte-d820bl:hover:before{left:100%}.btn-primary.svelte-d820bl:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,var(--color-purple-primary),var(--color-purple-light));transition:width .3s ease;z-index:-1;border-radius:9999px}.btn-primary.svelte-d820bl:hover:after{width:100%}.btn-secondary.svelte-d820bl:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(0,0,0,.1),transparent);transition:left .5s ease;border-radius:9999px;z-index:1}.btn-secondary.svelte-d820bl:hover:before{left:100%}.btn-secondary.svelte-d820bl:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background:linear-gradient(90deg,var(--color-purple-primary),var(--color-purple-dark));transition:width .3s ease;z-index:-1;border-radius:9999px}.btn-secondary.svelte-d820bl:hover:after{width:100%}.btn-secondary.svelte-d820bl:hover{color:#fff;border-color:transparent}@media (max-width: 768px){.project-grid.svelte-d820bl{grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(8,1fr);gap:1rem;padding:1rem}.code-block.svelte-d820bl{padding:.5rem}.bracket.svelte-d820bl{font-size:1.2rem}.project-icon.svelte-d820bl{font-size:1rem}.code-line.svelte-d820bl{height:1.5px}.block-1.svelte-d820bl{grid-column:1;grid-row:1}.block-2.svelte-d820bl{grid-column:3;grid-row:1}.block-3.svelte-d820bl{grid-column:5;grid-row:1}.block-4.svelte-d820bl{grid-column:6;grid-row:2}.block-5.svelte-d820bl{grid-column:4;grid-row:3}.block-6.svelte-d820bl{grid-column:2;grid-row:3}.block-7.svelte-d820bl{grid-column:1;grid-row:4}.block-8.svelte-d820bl{grid-column:3;grid-row:5}.block-9.svelte-d820bl{grid-column:5;grid-row:5}.block-10.svelte-d820bl{grid-column:6;grid-row:6}.block-11.svelte-d820bl{grid-column:2;grid-row:7}.block-12.svelte-d820bl{grid-column:4;grid-row:7}.shape.svelte-d820bl{opacity:.08}.shape-square.svelte-d820bl,.shape-circle.svelte-d820bl,.shape-diamond.svelte-d820bl,.shape-hexagon.svelte-d820bl{width:25px;height:25px}.shape-triangle.svelte-d820bl{border-left-width:15px;border-right-width:15px;border-bottom-width:25px}}@media (max-width: 480px){.project-grid.svelte-d820bl{grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(10,1fr);gap:.8rem;padding:.8rem}.code-block.svelte-d820bl{padding:.3rem}.bracket.svelte-d820bl{font-size:1rem}.project-icon.svelte-d820bl{font-size:.8rem}.code-line.svelte-d820bl{height:1px;margin:1px 0}.block-1.svelte-d820bl{grid-column:1;grid-row:1}.block-2.svelte-d820bl{grid-column:3;grid-row:1}.block-3.svelte-d820bl{grid-column:4;grid-row:2}.block-4.svelte-d820bl{grid-column:2;grid-row:3}.block-5.svelte-d820bl{grid-column:1;grid-row:4}.block-6.svelte-d820bl{grid-column:3;grid-row:4}.block-7.svelte-d820bl{grid-column:4;grid-row:5}.block-8.svelte-d820bl{grid-column:1;grid-row:6}.block-9.svelte-d820bl{grid-column:2;grid-row:7}.block-10.svelte-d820bl{grid-column:4;grid-row:8}.block-11.svelte-d820bl{grid-column:3;grid-row:9}.block-12.svelte-d820bl{grid-column:1;grid-row:10}.shape.svelte-d820bl{opacity:.05}.shape-square.svelte-d820bl,.shape-circle.svelte-d820bl,.shape-diamond.svelte-d820bl,.shape-hexagon.svelte-d820bl{width:20px;height:20px}.shape-triangle.svelte-d820bl{border-left-width:10px;border-right-width:10px;border-bottom-width:18px}}