.homepage.svelte-1uha8ag{height:100vh;width:100vw;padding:1rem;display:flex;align-items:center;justify-content:center;background-color:#1a1a1a;overflow:hidden}.bento-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(12,1fr);grid-template-rows:repeat(8,1fr);gap:1.5rem;width:100%;height:100%}.card.svelte-1uha8ag{border-radius:1.5rem;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;border:3px solid rgba(255,255,255,.8);background:#2a2a2a}.card.svelte-1uha8ag:hover{transform:translateY(-4px);box-shadow:0 10px 40px #8b5cf633}.hero-card.svelte-1uha8ag{grid-column:1 / 6;grid-row:1 / 8;position:relative}.hero-bg.svelte-1uha8ag{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top}.hero-overlay.svelte-1uha8ag{position:absolute;inset:0;padding:1.5rem;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(0,0,0,.4) 0%,transparent 30%,transparent 70%,rgba(0,0,0,.6) 100%)}.hero-overlay.svelte-1uha8ag h1:where(.svelte-1uha8ag){font-size:2.5rem;line-height:1;letter-spacing:.05em;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.hero-text.svelte-1uha8ag{color:#fff}.hero-text.svelte-1uha8ag p:where(.svelte-1uha8ag){font-size:1.1rem;margin:0;text-shadow:1px 1px 3px rgba(0,0,0,.5)}.hero-text.svelte-1uha8ag .highlight:where(.svelte-1uha8ag){font-size:1.5rem;font-weight:700;margin-left:2rem}.connect-card.svelte-1uha8ag{grid-column:1 / 6;grid-row:8 / 9;background:linear-gradient(135deg,#e8e1f8,#c4b4e8,#a5a5d4);display:flex;align-items:center;justify-content:center;position:relative}.connect-card.svelte-1uha8ag:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 160px 20px,white,transparent),radial-gradient(2px 2px at 200px 60px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 50px 100px,white,transparent),radial-gradient(2px 2px at 100px 120px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 180px 110px,white,transparent),radial-gradient(2px 2px at 70px 150px,rgba(255,255,255,.9),transparent);background-size:250px 200px;animation:svelte-1uha8ag-fallingStars 8s linear infinite;z-index:0}.connect-text.svelte-1uha8ag,.connect-link.svelte-1uha8ag{font-size:1.5rem;font-weight:600;color:#2a2a2a;position:absolute;transition:opacity .3s ease,transform .3s ease;z-index:1}.connect-link.svelte-1uha8ag{opacity:0;transform:translateY(10px);text-decoration:none}.connect-card.svelte-1uha8ag:hover .connect-text:where(.svelte-1uha8ag){opacity:0;transform:translateY(-10px)}.connect-card.svelte-1uha8ag:hover .connect-link:where(.svelte-1uha8ag){opacity:1;transform:translateY(0)}.thumb-card.svelte-1uha8ag{border-radius:1.5rem;overflow:hidden;position:relative;background:linear-gradient(135deg,#e8e1f8,#c4b4e8,#a5a5d4)}.thumb-card.svelte-1uha8ag:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 160px 20px,white,transparent),radial-gradient(2px 2px at 200px 60px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 50px 100px,white,transparent),radial-gradient(2px 2px at 100px 120px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 180px 110px,white,transparent),radial-gradient(2px 2px at 70px 150px,rgba(255,255,255,.9),transparent);background-size:250px 200px;animation:svelte-1uha8ag-fallingStars 8s linear infinite;z-index:0}@keyframes svelte-1uha8ag-fallingStars{0%{background-position:0 -200px}to{background-position:100px 200px}}.thumb-image.svelte-1uha8ag{position:absolute;bottom:0;right:0;width:95%;height:92%;object-fit:cover;border-radius:1rem;transition:transform .4s ease;z-index:1;border:3px solid rgba(255,255,255,.8)}.thumb-card.svelte-1uha8ag:hover .thumb-image:where(.svelte-1uha8ag){transform:rotate(-10deg) translate(5%,30%)}.thumb-title.svelte-1uha8ag{position:absolute;top:1.5rem;left:1.5rem;font-size:1.2rem;font-weight:400;color:#2a2a2a;text-align:left;z-index:0}.thumb-1.svelte-1uha8ag{grid-column:6 / 9;grid-row:1 / 3}.thumb-2.svelte-1uha8ag{grid-column:6 / 9;grid-row:3 / 5}.identifai-card.svelte-1uha8ag{grid-column:6 / 9;grid-row:5 / 7}.thumb-3.svelte-1uha8ag{grid-column:6 / 9;grid-row:7 / 9}.create-card.svelte-1uha8ag{grid-column:9 / 13;grid-row:1 / 6;background:linear-gradient(180deg,#8b4513,#4a2512,#2a2a2a);position:relative;overflow:hidden}.create-bg.svelte-1uha8ag{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.create-card.svelte-1uha8ag:before{content:"CREATE";position:absolute;right:1rem;top:55%;transform:translateY(-50%) rotate(0);writing-mode:vertical-rl;font-size:3rem;font-weight:700;color:#fff9;letter-spacing:.3em;z-index:1}.resume-card.svelte-1uha8ag{grid-column:9 / 13;grid-row:6 / 9;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.resume-card.svelte-1uha8ag:before{content:"";position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,white,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 90px 40px,white,transparent),radial-gradient(2px 2px at 130px 80px,rgba(255,255,255,.9),transparent),radial-gradient(1px 1px at 160px 20px,white,transparent),radial-gradient(2px 2px at 200px 60px,rgba(255,255,255,.7),transparent),radial-gradient(1px 1px at 50px 100px,white,transparent),radial-gradient(2px 2px at 100px 120px,rgba(255,255,255,.8),transparent),radial-gradient(1px 1px at 180px 110px,white,transparent),radial-gradient(2px 2px at 70px 150px,rgba(255,255,255,.9),transparent);background-size:250px 200px;animation:svelte-1uha8ag-fallingStars 8s linear infinite;z-index:0}.resume-card.svelte-1uha8ag .resume-text:where(.svelte-1uha8ag){font-size:clamp(3rem,8vw,6rem);color:#fff;z-index:2;letter-spacing:.05em;line-height:.85;text-align:center;transform:scaleY(1.7) translateY(5%)}.resume-card.svelte-1uha8ag .letter:where(.svelte-1uha8ag){display:inline-block;transition:transform .3s ease;cursor:default}@media(max-width:900px){.bento-grid.svelte-1uha8ag{grid-template-columns:1fr 1fr;grid-template-rows:auto;gap:1rem}.hero-card.svelte-1uha8ag{grid-column:1 / -1;grid-row:auto;min-height:400px}.connect-card.svelte-1uha8ag,.thumb-1.svelte-1uha8ag,.thumb-2.svelte-1uha8ag,.thumb-3.svelte-1uha8ag,.identifai-card.svelte-1uha8ag,.create-card.svelte-1uha8ag,.resume-card.svelte-1uha8ag{grid-column:span 1;grid-row:auto;min-height:100px}.create-card.svelte-1uha8ag{min-height:200px}}