@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/4cf2300e9c8272f7-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_188709{font-family:Geist,Geist Fallback;font-style:normal}.__variable_188709{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}@media (prefers-color-scheme:dark){:root{--background:#ececec;--foreground:#000000}}body,html{max-width:100vw;overflow-x:hidden}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden;position:relative}*{box-sizing:border-box;padding:0;margin:0}h1{font-weight:700;color:#1f2937;font-size:1.5rem}a{color:blue;text-decoration:none}nav{display:flex;width:100%;background-color:#f7f7f7;justify-content:flex-start;align-items:center;margin:0 auto;gap:1rem;position:fixed;z-index:20}.logo{cursor:pointer;border-radius:50%;border:2px solid white;box-shadow:0 0 5px rgba(0,0,0,.3)}.logo-container{padding:16px;justify-content:center}.logo-container,.sidebar{border-right:1px solid #ccc;width:100px;display:flex;align-items:center;background-color:#f7f7f7}.sidebar{position:fixed;top:5.5rem;bottom:0;flex-direction:column;padding-top:1rem}.icon-list{flex-direction:column;justify-content:flex-start;list-style:none;padding:0;margin:0;gap:24px}.icon-list,.icon-list li{display:flex;align-items:center;width:100%}.icon-list li{justify-content:center;padding:12px 0;cursor:pointer;transition:background .2s,transform .2s}.icon-list li.active,.icon-list li:hover{background-color:#e0e0e0;transform:scale(1.1);border-radius:8px}.main{padding:6rem 2rem 2rem 120px;min-height:100vh;background-color:var(--background);color:var(--foreground)}.card-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;grid-auto-rows:minmax(180px,auto);grid-gap:2rem;gap:2rem;position:relative}.card{display:flex;flex-direction:column;justify-content:space-between;padding:1.5rem;border-radius:1rem;color:#000;text-decoration:none;background:white;box-shadow:0 4px 10px rgba(0,0,0,.05);overflow:hidden;height:auto;max-height:1200px;transition:max-height .4s ease}.card:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(0,0,0,.1)}.card.normal{grid-column:span 4;grid-row:span 1}.card.wide{grid-column:span 6;grid-row:span 1}.card.full{grid-column:span 12;grid-row:span 1}.card.tall{grid-column:span 4;grid-row:span 2}.card.image{background-image:url(/your-image.jpg);background-size:cover;background-position:50%;color:white}.card.dark{background-color:#111;color:white}.card.colorful{background:linear-gradient(135deg,#ffb347,#ffcc33);color:#000}.card.music{background:linear-gradient(135deg,#b18cd9,#8ca6db);color:#000}.card.article{background:linear-gradient(135deg,#44ad7f,#34dbcd);color:#000}.card.white{background:#fff;color:#000}.card h2{margin-bottom:1rem;font-size:1.45rem}.card ul{list-style:none;padding:0;margin:0}.card li{font-size:.95rem;margin-bottom:.4rem;opacity:1}.card.hidden{display:none!important}.card.expanded{grid-column:1/-1;grid-row:1/span 3;z-index:10}.card-list{padding:1rem;border-radius:1rem;margin:1rem auto;display:flex;gap:1rem;transition:background .3s;cursor:pointer}.card-list:hover{background-color:#f0f0f0;color:#000}.ribbon{width:100%;height:50px;background-color:#91b2ff;color:#000;justify-content:space-between;font-weight:700;font-size:1.2rem;box-shadow:0 2px 5px rgba(0,0,0,.1);margin:1rem auto;border-radius:1rem}.ribbon,.ribbon div{display:flex;align-items:center}.ribbon div{gap:.5rem;padding:0 1rem;color:black}.badge-ribbon{margin-right:.5rem;background-color:#f6f5f2;padding:.25rem .5rem;border-radius:.5rem;font-weight:700;color:black}.ribbon a{margin-right:1rem}.contact-content{display:flex;align-items:stretch;justify-content:center;gap:1rem;width:100%}.contact-content>*{flex:1 1}form{display:flex;flex-direction:column;justify-content:center;gap:1rem;margin-top:1rem}input,textarea{background-color:#f7f7f7;border:1px solid #ccc;border-radius:4px;padding:.5rem;font-size:1rem;width:100%;box-sizing:border-box;color:black}input:-webkit-autofill,input:-webkit-autofill:focus,input:-webkit-autofill:hover,textarea:-webkit-autofill,textarea:-webkit-autofill:focus,textarea:-webkit-autofill:hover{-webkit-box-shadow:inset 0 0 0 1000px white!important;-webkit-text-fill-color:#000!important;-webkit-transition:background-color 5000s ease-in-out 0s;transition:background-color 5000s ease-in-out 0s}.contact-button{background-color:black;padding:1rem;border-radius:8px;font-size:1rem;cursor:pointer}.social-media-container{flex-direction:column;gap:3rem;margin-top:1rem}.social-media,.social-media-container{display:flex;align-items:center;justify-content:center}.social-media{gap:1rem}.social-media-icon{display:flex;justify-content:center;align-items:center;width:40px;height:40px;border-radius:50%;background-color:#f7f7f7;box-shadow:0 2px 5px rgba(0,0,0,.1);cursor:pointer;transition:background-color .3s,transform .3s}@media (max-width:768px){.main{padding:6rem 1rem 2rem}.card-grid{grid-template-columns:1fr;grid-auto-rows:auto;width:100%}.card{grid-column:span 10!important;grid-row:span 1!important}.sidebar{display:none}.ribbon{height:auto;padding:1rem;text-align:center}.ribbon div{padding:0}.contact-content{flex-direction:column;align-items:center}}@media (prefers-color-scheme:dark){html{color-scheme:dark}}