.site-header{background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);padding:1rem 0;position:sticky;top:0;z-index:1000;box-shadow:0 2px 10px #0000001a}.nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.logo-link{display:flex;align-items:center;text-decoration:none;gap:1.25rem;transition:transform .3s ease}.logo-link:hover{transform:translateY(-1px)}.logo{height:40px;width:auto;filter:brightness(0) invert(1);transition:transform .3s ease}.logo-text{color:#fff;font-family:Tulpwriting,serif;font-size:2.5rem;font-weight:600;letter-spacing:-.02em;position:relative}.logo-text:after{content:"";position:absolute;bottom:12px;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.logo-link:hover .logo-text:after{width:100%}.nav-links{display:flex;gap:2.5rem;list-style:none;margin:0;padding:0}.nav-links a{color:#fff;text-decoration:none;font-weight:500;font-size:1.1rem;transition:all .3s ease;position:relative;padding:.5rem 0}.nav-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.nav-links a:hover:after{width:100%}.nav-links a:hover{opacity:.9;transform:translateY(-1px)}.hamburger{display:none;background:none;border:none;cursor:pointer;padding:0;width:24px;height:18px;position:relative}.hamburger span{display:block;width:100%;height:2px;background-color:#fff;position:absolute;transition:all .3s ease}.hamburger span:first-child{top:0}.hamburger span:nth-child(2){top:8px}.hamburger span:last-child{top:16px}@media (max-width: 768px){.hamburger{display:block}.nav-links{position:fixed;top:0;right:-100%;width:100%;height:100vh;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);flex-direction:column;justify-content:center;align-items:center;transition:right .3s ease;gap:2rem}.nav-links.is-open{right:0}.logo{height:32px}.logo-text{font-size:1.2rem}.nav-links a{font-size:1.4rem;padding:1rem}.hamburger.is-active span:first-child{transform:rotate(45deg) translate(6px,6px)}.hamburger.is-active span:nth-child(2){opacity:0}.hamburger.is-active span:last-child{transform:rotate(-45deg) translate(6px,-6px)}.nav-container{padding:0 1rem}}.site-footer{background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);padding:2rem 0;position:relative}.site-footer:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0)}.footer-container{max-width:1200px;margin:0 auto;padding:0 2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;align-items:center}.footer-column{text-align:center}.footer-column h3{color:#fff;font-size:1.2rem;font-weight:600;margin-bottom:1rem;letter-spacing:.02em}.social-links{display:flex;gap:1.5rem;justify-content:center}.social-links a{color:#fff;text-decoration:none;font-size:1rem;font-weight:500;transition:all .3s ease;position:relative;padding:.25rem 0;display:flex;align-items:center;gap:.5rem}.social-icon{width:18px;height:18px;flex-shrink:0}.social-links a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:#fff;transition:width .3s ease}.social-links a:hover{opacity:.9}.social-links a:hover:after{width:100%}.made-with{color:#fff;font-size:1rem;font-weight:500;position:relative;display:inline-block}.made-with:after{content:"💙";position:relative;top:-1px;margin-left:6px;font-size:.9rem}.copyright{color:#fff;font-size:1rem;font-weight:500}.handwritten-text{font-family:Tulpwriting,serif;font-weight:500;font-size:1.5rem}.roboto-text{font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:500}@media (max-width: 768px){.site-footer{padding:2.5rem 1rem}.footer-container{grid-template-columns:1fr;gap:2rem;text-align:center;max-width:100%;padding:0}.footer-column{padding:0}.footer-column:nth-child(2){order:-1}.footer-column h3{font-size:1.1rem;margin-bottom:.75rem}.social-links{gap:2rem;margin-bottom:.5rem}.social-links a{font-size:1.1rem;padding:.5rem 0}.made-with,.copyright{font-size:.95rem;opacity:.9}.made-with:after{font-size:.85rem}}.project-card{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 4px 16px #1f26871a;transition:transform .3s ease,box-shadow .3s ease;border:1px solid rgba(255,255,255,.2);display:flex;flex-direction:column;height:100%}.project-card:hover{transform:translateY(-8px);box-shadow:0 8px 24px #1f268726}.project-image-container{width:calc(100% - 2rem);margin:1rem auto 0;aspect-ratio:16 / 9;overflow:hidden;border-radius:16px;background-color:#f5f5f5;border:1px solid rgba(0,0,0,.01)}.project-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .3s ease}.image-placeholder{width:80px;height:80px;background:#e0e0e0;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.project-info{padding:1.5rem;flex:1;display:flex;flex-direction:column;text-align:left;justify-content:space-between}.project-card .project-category{display:inline-block;font-size:1.1rem;color:#ff8c00;font-weight:500;margin-bottom:1rem;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;line-height:1.3}.project-description{color:#666;font-size:1rem;line-height:1.6;margin-bottom:1.5rem;flex:1}.project-tags{display:inline-flex;flex-wrap:wrap;justify-content:flex-start;align-items:flex-start;gap:.5rem;margin-top:auto;width:fit-content;align-self:flex-start}.project-tag{background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);color:#666;padding:.4rem .9rem;border-radius:16px;font-size:.9rem;transition:transform .2s ease}.clickable{cursor:pointer}.project-info h3{font-size:1.6rem;color:#333;font-weight:700;margin-bottom:.75rem;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}@media (max-width: 768px){.project-card{margin-bottom:1.5rem;border-radius:20px}.project-image-container{width:calc(100% - 1.5rem);margin:.75rem auto 0;border-radius:12px}.project-info{padding:1.25rem}.project-info h3{font-size:1.4rem;margin-bottom:.5rem;line-height:1.3}.project-card .project-category{font-size:1rem;margin-bottom:.75rem;line-height:1.4;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.project-description{font-size:.95rem;line-height:1.5;margin-bottom:1.25rem}.project-tags{gap:.4rem}.project-tag{padding:.35rem .8rem;font-size:.85rem;border-radius:12px}}@media (max-width: 480px){.project-card{border-radius:16px;margin-bottom:1rem}.project-image-container{width:calc(100% - 1rem);margin:.5rem auto 0;border-radius:10px}.project-info{padding:1rem}.project-info h3{font-size:1.3rem;margin-bottom:.4rem}.project-card .project-category{font-size:.95rem;margin-bottom:.6rem;line-height:1.4}.project-description{font-size:.9rem;line-height:1.5;margin-bottom:1rem}.project-tag{padding:.3rem .7rem;font-size:.8rem;border-radius:10px}}.featured-projects{padding:4rem 5rem;margin:3rem 0;max-width:1200px;margin-left:auto;margin-right:auto}.featured-projects h2{font-size:3rem;margin-bottom:1.5rem;font-weight:700;position:relative;text-align:left;width:fit-content;color:#333;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}.featured-projects h5{font-size:1.6rem;margin-top:-1rem;font-weight:400;position:relative;text-align:left;width:fit-content;word-wrap:break-word;overflow-wrap:break-word;line-height:1.4}.featured-projects .projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2.5rem;margin-bottom:2rem}.featured-projects .center-button{text-align:center;margin-top:2rem}@media (max-width: 768px){.featured-projects{padding:2rem 1.5rem;margin:2rem 0}.featured-projects h2{font-size:2.2rem;margin-bottom:1rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.featured-projects h5{font-size:1.3rem;margin-top:-.5rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.featured-projects .projects-grid{grid-template-columns:1fr;gap:1.5rem;margin-bottom:1.5rem}.featured-projects .center-button{margin-top:1.5rem}}@media (max-width: 480px){.featured-projects{padding:1.5rem 1rem;margin:1.5rem 0}.featured-projects h2{font-size:1.8rem;margin-bottom:.75rem;line-height:1.3}.featured-projects h5{font-size:1.1rem;margin-top:-.25rem;line-height:1.4}.featured-projects .projects-grid{gap:1rem;margin-bottom:1rem}.featured-projects .center-button{margin-top:1rem}}.cta-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:1rem;text-decoration:none;transition:all .4s ease;background:#f2f2f2;color:#333;border:1px solid #ccc;position:relative;overflow:hidden;z-index:0;width:320px;justify-content:center;font-weight:500;box-sizing:border-box}.cta-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);opacity:0;transition:opacity .4s ease;z-index:-1}.cta-button:hover:before{opacity:1}.cta-button:hover{color:#fff;border-color:#ccc;transform:none}.button-icon{width:18px;height:18px;flex-shrink:0}@media (max-width: 768px){.cta-button{width:100%;max-width:280px}}.polaroid-frame{background:#fff;padding:15px 15px 40px;border-radius:8px;box-shadow:0 8px 25px #00000026;transition:transform .3s ease,box-shadow .3s ease;position:relative;animation:none!important;transform-origin:center center;display:flex;flex-direction:column;min-height:200px}.polaroid-photo{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:4px;margin-bottom:15px;flex-shrink:0}.polaroid-label{font-family:Tulpwriting,serif;font-size:1.1rem;color:#333;text-align:center;font-weight:500;line-height:1.3;flex:1;display:flex;align-items:center;justify-content:center;word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;padding:0 5px}.polaroid-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin:2rem 0}.header-polaroids{display:flex;flex-direction:column;gap:1rem;align-items:center}.header-polaroids .polaroid-frame{max-width:120px;min-height:140px;height:auto}.left-polaroids .polaroid-frame{transform:rotate(-5deg)}.right-polaroids .polaroid-frame{transform:rotate(5deg)}.left-polaroids .polaroid-frame:first-child{transform:rotate(-8deg)}.left-polaroids .polaroid-frame:first-child:hover{transform:scale(1.05) rotate(-6deg)!important}.left-polaroids .polaroid-frame:last-child{transform:rotate(-2deg)}.left-polaroids .polaroid-frame:last-child:hover{transform:scale(1.05) rotate(0)!important}.header-polaroids.left-polaroids .polaroid-frame{transform:rotate(-5deg)}.header-polaroids.right-polaroids .polaroid-frame{transform:rotate(5deg)}.header-polaroids.left-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(-3deg)!important}.header-polaroids.right-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(7deg)!important}@media (max-width: 768px){.header-polaroids{flex-direction:row;justify-content:center;gap:.5rem}.header-polaroids .polaroid-frame{max-width:80px;min-height:100px;padding:8px 8px 25px}.polaroid-grid{grid-template-columns:repeat(2,1fr);gap:.75rem}.polaroid-frame{padding:10px 10px 30px;min-height:160px}.polaroid-label{font-size:.9rem;line-height:1.2;padding:0 3px}.placeholder-emoji{font-size:2rem}.left-polaroids .polaroid-frame,.right-polaroids .polaroid-frame,.header-polaroids.left-polaroids .polaroid-frame,.header-polaroids.right-polaroids .polaroid-frame{transform:rotate(0)!important}.left-polaroids .polaroid-frame:first-child,.left-polaroids .polaroid-frame:last-child{transform:rotate(0)!important}.left-polaroids .polaroid-frame:first-child:hover,.left-polaroids .polaroid-frame:last-child:hover,.header-polaroids.left-polaroids .polaroid-frame:hover,.header-polaroids.right-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(0)!important}}@media (max-width: 480px){.polaroid-grid{grid-template-columns:1fr;gap:.5rem}.header-polaroids .polaroid-frame{max-width:60px;min-height:80px;padding:6px 6px 20px}.polaroid-frame{padding:8px 8px 25px;min-height:140px}.polaroid-label{font-size:.8rem;line-height:1.1;padding:0 2px}.placeholder-emoji{font-size:1.5rem}.polaroid-photo{margin-bottom:12px}}.connect-section{background:linear-gradient(135deg,#e318371a,#ffc1071a);border-radius:24px;padding:48px;text-align:center;margin-top:48px;position:relative;border:none}.connect-content h2{font-size:2rem;margin-bottom:16px;color:#333;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.connect-content p{color:#666;margin-bottom:24px}.email-container{display:inline-block;position:relative;padding:12px 24px;background:#fff;border-radius:12px;box-shadow:0 4px 12px #1f26871a;transition:transform .3s ease}.email-container:hover{transform:translateY(-2px)}.email{font-size:1.1rem;color:#333;position:relative;display:inline-block}.email:after{content:"";position:absolute;width:100%;height:2px;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);bottom:0;left:0;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.email-container:hover .email:after{transform:scaleX(1);transform-origin:left}.pronouns{font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:450;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;line-height:1;opacity:.8;margin-top:-.5rem!important;transform:translateY(-4rem)!important}.header-polaroids .polaroid-frame{max-width:200px;min-width:180px;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center center;min-height:220px}@media (max-width: 768px){.hero-content{flex-direction:column;gap:2rem;padding:1rem}.hero-text{max-width:100%;order:1;gap:1.5rem}.header-polaroids.left-polaroids{order:2;max-width:100%}.header-polaroids.right-polaroids{order:3;max-width:100%}.header-polaroids .polaroid-frame{max-width:150px;min-width:120px;min-height:180px;transform:rotate(0)!important}.header-polaroids.left-polaroids .polaroid-frame,.header-polaroids.right-polaroids .polaroid-frame{transform:rotate(0)!important}.header-polaroids.left-polaroids .polaroid-frame:hover,.header-polaroids.right-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(0)!important}.button-group{gap:1rem;margin-top:1.5rem}}@media (max-width: 480px){.header-polaroids .polaroid-frame{max-width:120px;min-width:100px;min-height:150px}}.about-page{max-width:1200px;margin:0 auto;padding:2rem}.about-hero{position:relative;padding:4rem 0;text-align:center;background:transparent;overflow:hidden;z-index:1}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto;position:relative;z-index:1;padding:2rem}.left-polaroids{flex:1;display:flex;flex-direction:column;gap:1.5rem;align-items:center;max-width:300px}.left-polaroids .polaroid-frame{max-width:200px;min-width:180px;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center center;min-height:220px}.left-polaroids .polaroid-frame:first-child{transform:rotate(-8deg)!important}.left-polaroids .polaroid-frame:first-child:hover{transform:scale(1.05) rotate(-8deg)!important;box-shadow:0 12px 35px #0003}.left-polaroids .polaroid-frame:last-child{transform:rotate(6deg)!important}.left-polaroids .polaroid-frame:last-child:hover{transform:scale(1.05) rotate(6deg)!important;box-shadow:0 12px 35px #0003}.hero-text{flex:1;max-width:500px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem}.page-title{font-family:Roboto,sans-serif;font-size:3.8rem;font-weight:700;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1;white-space:nowrap}.pronouns{font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:450;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;line-height:1;opacity:.8;margin-top:-.5rem!important;transform:translateY(-5rem)!important}.letter-note{background:#fffffff2;border-radius:16px;padding:4rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transform:rotate(-1deg);position:relative;max-width:700px;width:100%;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center center}.letter-note:hover{transform:scale(1.05) rotate(-1deg)!important;box-shadow:0 12px 40px #00000026}.letter-note:before{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#ffb3d9,pink,#b8e6b8);border-radius:18px;z-index:-1;opacity:.3}.letter-note h1{font-size:4rem;color:#333;margin-bottom:2.5rem;font-weight:700;text-align:center;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.taglines{display:flex;flex-direction:column;gap:1.2rem;text-align:left}.taglines p{color:#333;font-size:2.2rem;font-weight:400;margin:0;line-height:1.4;text-align:left}.right-polaroid{flex:1;display:flex;justify-content:center;max-width:300px}.about-me-section{padding:2rem 0}.about-me-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-card{background:#fffffff2;border-radius:20px;padding:2.5rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);margin-bottom:2rem}.about-card p{color:#555;line-height:1.8;font-size:1.1rem;margin-bottom:1.5rem}.about-card p:last-child{margin-bottom:0}.values-section{padding:2rem 0}.values-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.value-card{background:#fffffff2;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.value-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.value-card h3{font-size:1.4rem;font-weight:600;margin:0 0 1rem;color:#333}.value-card p{font-size:1rem;line-height:1.6;color:#666;margin:0}.skills-section{padding:2rem 0}.skills-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-family:Tulpwriting,serif}.timeline-section{padding:2rem 0}.timeline-section h2{text-align:center;font-size:2.5rem;font-weight:700;margin-bottom:2rem;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.timeline-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem}.timeline-card{background:#fffffff2;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease;display:flex;align-items:flex-start;gap:1.5rem}.timeline-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.timeline-icon{flex-shrink:0;width:48px;height:48px;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.5rem}.timeline-icon svg{width:24px;height:24px}.timeline-content{flex:1}.timeline-content h3{font-size:1.4rem;font-weight:600;margin:0 0 .5rem;color:#333}.timeline-institution{font-size:1rem;font-weight:500;color:#666;margin:0 0 1rem;font-style:italic}.timeline-description{font-size:1rem;line-height:1.6;color:#666;margin:0}.skills-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.skill-card{background:#fffffff2;border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);box-shadow:0 8px 32px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.skill-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000026}.skill-card h3{font-size:1.4rem;font-weight:600;margin:0 0 1rem;color:#333;font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.skills-tags{display:flex;flex-wrap:wrap;gap:.5rem}.skill-tag{background:linear-gradient(135deg,#b8e6b8,#a8e6cf);color:#333;padding:.5rem 1rem;border-radius:20px;font-size:.9rem;font-weight:500;border:1px solid rgba(255,255,255,.3);box-shadow:0 2px 8px #0000001a;display:inline-block;margin:.25rem}.skill-tag:nth-child(3n+1){background:linear-gradient(135deg,#ffb3d9,pink)}.skill-tag:nth-child(3n+2){background:linear-gradient(135deg,#b8e6b8,#a8e6cf)}.skill-tag:nth-child(3n+3){background:linear-gradient(135deg,#ffe5b4,#ffdab9)}.skill-tag:nth-child(4n+1){background:linear-gradient(135deg,#d4a5ff,#e6b3ff)}.skill-tag:nth-child(4n+2){background:linear-gradient(135deg,#b3e6ff,#c2f0ff)}.skill-tag:nth-child(4n+3){background:linear-gradient(135deg,#ffb3b3,#ffc0c0)}.skill-tag:nth-child(4n+4){background:linear-gradient(135deg,#b8e6b8,#a8e6cf)}.cta-section{padding:4rem 0;text-align:center}.cta-content{max-width:600px;margin:0 auto}.cta-content h2{font-size:2.5rem;margin-bottom:1rem;color:#333}.cta-content p{font-size:1.2rem;color:#666;margin-bottom:2rem}.bold-text{font-weight:700}@media (max-width: 768px){.about-page{padding:1rem}.about-hero{padding:2rem 0;margin-bottom:2rem}.hero-content{flex-direction:column;gap:2rem;padding:1rem}.hero-polaroids{max-width:100%}.hero-polaroids .polaroid-frame{max-width:180px;min-width:150px;min-height:180px;transform:rotate(0)!important}.left-polaroids .polaroid-frame:first-child,.left-polaroids .polaroid-frame:last-child{transform:rotate(0)!important}.left-polaroids .polaroid-frame:first-child:hover,.left-polaroids .polaroid-frame:last-child:hover{transform:scale(1.05) rotate(0)!important}.hero-text{max-width:100%;order:1;gap:1.5rem}.left-polaroids{order:2}.right-polaroids{order:3}.profile-polaroid-frame{max-width:220px;min-width:200px;min-height:200px;transform:rotate(0)!important}.profile-polaroid-frame:hover{transform:scale(1.05) rotate(0)!important}.about-content h1{font-size:2.5rem}.taglines p{font-size:1.8rem}.values-section{padding:2rem 0}.values-section h2{font-size:2rem;margin-bottom:2rem}.cta-section{padding:2rem 0}.cta-content h2{font-size:2rem}.taglines{padding-left:2rem}.about-me-section{padding:2rem 0}.about-me-section h2{font-size:2rem;margin-bottom:2rem}.about-me-content p{font-size:1rem;line-height:1.6}.skills-section{padding:2rem 0}.skills-section h2{font-size:2rem}.timeline-section{padding:2rem 0}.timeline-section h2{font-size:2rem;margin-bottom:2rem}.timeline-grid{grid-template-columns:1fr;gap:1.5rem}.timeline-card{flex-direction:column;align-items:center;text-align:center;gap:1rem}.timeline-icon{width:40px;height:40px}.timeline-icon svg{width:20px;height:20px}}.moodboard-header{text-align:center;margin-bottom:1.5rem;padding:2rem;position:relative}.header-content{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto;position:relative;z-index:1}.header-text{flex:1;max-width:800px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1.5rem}.header-polaroids.left-polaroids .polaroid-frame{transform:rotate(-5deg)!important}.header-polaroids.right-polaroids .polaroid-frame{transform:rotate(5deg)!important}.header-polaroids.left-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(-8deg)!important;box-shadow:0 12px 35px #0003}.header-polaroids.right-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(8deg)!important;box-shadow:0 12px 35px #0003}.profile-polaroid-frame{max-width:280px;min-width:250px;transform:rotate(5deg)!important}.profile-polaroid-frame:hover{transform:scale(1.05) rotate(8deg)!important}.page-title{font-family:Roboto,sans-serif;font-size:4.5rem;font-weight:700;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;line-height:1.1}.page-subtitle{font-family:Roboto,sans-serif;font-size:1.8rem;color:#666;margin:0;line-height:1.3;font-weight:400}@media (max-width: 768px){.header-content{flex-direction:column;gap:1rem}.header-polaroids{max-width:100%}.header-polaroids .polaroid-frame{max-width:200px;min-width:180px;min-height:180px;transform:rotate(0)!important}.header-polaroids.left-polaroids .polaroid-frame,.header-polaroids.right-polaroids .polaroid-frame{transform:rotate(0)!important}.header-polaroids.left-polaroids .polaroid-frame:hover,.header-polaroids.right-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(0)!important}.header-text{max-width:100%;order:1}.left-polaroids{order:2}.right-polaroids{order:3}.page-title{font-size:3.5rem}.page-subtitle{font-size:1.4rem}}@media (max-width: 768px){.page-title{font-size:3rem;white-space:normal}.page-subtitle{font-size:1.4rem}}.linkedin-blurb{margin-top:0;text-align:center}.linkedin-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:1rem;text-decoration:none;transition:all .4s ease;background:#f2f2f2;color:#333;border:1px solid #ccc;position:relative;overflow:hidden;z-index:0;width:320px;justify-content:center}.linkedin-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);opacity:0;transition:opacity .4s ease;z-index:-1}.linkedin-link:hover:before{opacity:1}.linkedin-link:hover{color:#fff;border-color:transparent}.linkedin-icon{width:18px;height:18px;flex-shrink:0}.resume-blurb{margin-top:0;text-align:center}.resume-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:1rem;text-decoration:none;transition:all .4s ease;background:#f2f2f2;color:#333;border:1px solid #ccc;position:relative;overflow:hidden;z-index:0;width:320px;justify-content:center}.resume-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);opacity:0;transition:opacity .4s ease;z-index:-1}.resume-link:hover:before{opacity:1}.resume-link:hover{color:#fff;border-color:transparent}.resume-icon{width:18px;height:18px;flex-shrink:0}.button-group{display:flex;flex-direction:column;gap:1.5rem;margin-top:2rem}@media (max-width: 768px){.button-group{gap:1rem;margin-top:1.5rem}}.off-the-clock-page{max-width:1400px;margin:0 auto;padding:2rem;background:transparent;min-height:100vh;position:relative;overflow-x:hidden}@keyframes wiggle{0%,to{transform:rotate(0) translateY(0)}25%{transform:rotate(1deg) translateY(-2px)}50%{transform:rotate(-1deg) translateY(-1px)}75%{transform:rotate(.5deg) translateY(-3px)}}.hero-section{position:relative;padding:4rem 0;text-align:center;background:transparent;overflow:visible;z-index:1}.hero-content{display:flex;align-items:center;justify-content:space-between;gap:3rem;max-width:1200px;margin:0 auto;position:relative;z-index:1;padding:2rem;overflow:visible}.header-polaroids.left-polaroids{flex:1;display:flex;justify-content:center;align-items:center;max-width:300px}.hero-text{flex:2;max-width:500px;z-index:2;display:flex;flex-direction:column;align-items:center;gap:1rem}.hero-description{font-family:Roboto,sans-serif;font-size:1.8rem;color:#666;margin:0;line-height:1.3;font-weight:400}.header-polaroids.right-polaroids{flex:1;display:flex;justify-content:center;align-items:center;max-width:300px}.header-polaroids .polaroid-frame{max-width:200px;min-width:180px;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center center}.header-polaroids.left-polaroids .polaroid-frame{transform:rotate(-12deg)!important}.header-polaroids.left-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(-15deg)!important;box-shadow:0 12px 35px #0003}.header-polaroids.right-polaroids .polaroid-frame{transform:rotate(12deg)!important}.header-polaroids.right-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(15deg)!important;box-shadow:0 12px 35px #0003}.moodboard-container{position:relative;z-index:1}.moodboard-header{text-align:center;margin-bottom:3rem;padding:2rem;position:relative}.header-content{display:flex;align-items:center;justify-content:center;gap:2rem;max-width:1200px;margin:0 auto}.header-text{flex:1;max-width:400px;z-index:2}.header-polaroids{flex:1;max-width:300px;display:flex;justify-content:center}.header-polaroids .polaroid-frame{max-width:250px;min-width:200px}.left-polaroids .polaroid-frame{transform:rotate(-3deg)!important}.right-polaroids .polaroid-frame{transform:rotate(3deg)!important}.page-title{font-family:Roboto,sans-serif;font-size:4rem;font-weight:700;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem}.page-subtitle{font-family:Roboto,sans-serif;font-size:1.5rem;color:#666;margin:0}.info-card{background:#ffffffe6;border-radius:20px;padding:2rem;margin-bottom:3rem;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2)}.section-title{font-family:Roboto,sans-serif;font-size:2.2rem;font-weight:600;margin-bottom:1.5rem;color:#333;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-align:center}.pronouns{font-family:Roboto,sans-serif;font-size:1.2rem;font-weight:450;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:0!important;line-height:1;opacity:.8;text-align:center;margin-top:-.5rem!important;transform:translateY(-1rem)!important}.section-title .emoji{-webkit-text-fill-color:initial!important;color:initial!important;background:none!important;-webkit-background-clip:initial!important;background-clip:initial!important}.info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.info-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff80;border-radius:12px;border:1px solid rgba(0,0,0,.1)}.label{font-family:Roboto,sans-serif;font-size:1.2rem;color:#666;font-weight:500}.value{font-family:Roboto,sans-serif;font-size:1.3rem;color:#333;font-weight:600}.polaroid-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin:3rem 0;padding:2rem}.polaroid-frame{background:#fff;padding:15px 15px 40px;border-radius:8px;box-shadow:0 8px 25px #00000026;transition:transform .3s ease,box-shadow .3s ease;position:relative;animation:none!important;transform-origin:center center}.polaroid-frame:hover{transform:scale(1.05) rotate(2deg)!important;box-shadow:0 12px 35px #0003}.polaroid-photo{width:100%;aspect-ratio:1/1;overflow:hidden;border-radius:4px;margin-bottom:15px}.polaroid-photo img{width:100%;height:100%;object-fit:cover;transition:none;transform:none}.placeholder-photo{width:100%;height:100%;background:linear-gradient(135deg,#f0f0f0,#e0e0e0);display:flex;align-items:center;justify-content:center;border:2px dashed #ccc;border-radius:4px;transition:all .3s ease}.placeholder-photo:hover{background:linear-gradient(135deg,#e8e8e8,#d8d8d8);border-color:#999}.placeholder-emoji{font-size:3rem;opacity:.7;transition:all .3s ease}.placeholder-photo:hover .placeholder-emoji{opacity:1;transform:scale(1.1)}.polaroid-label{font-family:Tulpwriting,serif;font-size:1.1rem;color:#333;text-align:center;font-weight:500;line-height:1.3}.content-card{background:#ffffffe6;border-radius:20px;padding:2.5rem;margin:3rem 0;box-shadow:0 8px 32px #0000001a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.2);position:relative}.content-text{font-family:Roboto,sans-serif;font-size:1.3rem;line-height:1.6;color:#555;margin-bottom:1.5rem}.content-text:last-of-type{margin-bottom:1rem}.value-title{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;color:#333;margin-bottom:1rem}.book-emoji,.sims-emoji,.connection-emoji,.cats-emoji{text-align:center;font-size:2rem;margin-top:1rem;opacity:.8}.values-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:2rem}.value-item{background:#fff;padding:1.5rem;border-radius:15px;border:3px solid;position:relative;transform:translateY(-5px);box-shadow:0 4px 16px #1f26871a}.value-item:nth-child(1){border-color:#ffb3d9}.value-item:nth-child(2){border-color:#b3e6ff}.value-item:nth-child(3){border-color:#ffe5b4}.value-item:hover{transform:translateY(-8px);box-shadow:0 8px 24px #1f268726}.value-title{font-family:Roboto,sans-serif;font-size:1.8rem;font-weight:600;margin-bottom:1rem;color:#333}.value-item:nth-child(1) .value-title{background:linear-gradient(135deg,#e91e63,#f06292,#81c784);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.value-item:nth-child(2) .value-title{background:linear-gradient(135deg,#2196f3,#64b5f6,#ba68c8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.value-item:nth-child(3) .value-title{background:linear-gradient(135deg,#ff9800,#ffb74d,#f44336);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.value-text{font-family:Roboto,sans-serif;font-size:1rem;line-height:1.6;color:#666;margin:0}@media (max-width: 768px){.off-the-clock-page{padding:1rem}.hero-content{flex-direction:column;gap:2rem;padding:1rem}.hero-text{max-width:100%;order:1;gap:1.5rem}.header-polaroids.left-polaroids{order:2;max-width:100%}.header-polaroids.right-polaroids{order:3;max-width:100%}.header-polaroids .polaroid-frame{max-width:150px;min-width:120px;min-height:180px}.header-polaroids.left-polaroids .polaroid-frame{transform:rotate(-12deg)!important}.header-polaroids.left-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(-15deg)!important;box-shadow:0 12px 35px #0003}.header-polaroids.right-polaroids .polaroid-frame{transform:rotate(12deg)!important}.header-polaroids.right-polaroids .polaroid-frame:hover{transform:scale(1.05) rotate(15deg)!important;box-shadow:0 12px 35px #0003}.header-content{flex-direction:column;gap:1rem}.header-polaroids,.header-polaroids .polaroid-grid{max-width:100%}.header-text{max-width:100%;order:1}.left-polaroids{order:2}.right-polaroids{order:3}.page-title{font-size:3rem}.page-subtitle{font-size:1.4rem}.section-title{font-size:2rem}.content-text{font-size:1rem}.info-grid{grid-template-columns:1fr;gap:1rem}.polaroid-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.polaroid-frame{max-width:150px}.content-card{padding:1.5rem}.values-grid{grid-template-columns:1fr;gap:1.5rem}}@media (max-width: 480px){.page-title{font-size:2.5rem}.section-title{font-size:1.8rem}.content-text{font-size:1rem}.polaroid-grid{grid-template-columns:1fr}.content-card{padding:1.5rem}.info-item{flex-direction:column;text-align:center;gap:.5rem}}.instagram-blurb{margin-top:1.5rem;text-align:center}.instagram-link{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:8px;font-size:1rem;text-decoration:none;transition:all .4s ease;background:#f2f2f2;color:#333;border:1px solid #ccc;position:relative;overflow:hidden;z-index:0}.instagram-link:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);opacity:0;transition:opacity .4s ease;z-index:-1}.instagram-link:hover:before{opacity:1}.instagram-link:hover{color:#fff;border-color:transparent}.instagram-icon{width:18px;height:18px;flex-shrink:0}.polaroid-row-container{display:flex;justify-content:center;align-items:center;gap:1.5rem;margin:2rem 0;padding:1rem;flex-wrap:wrap}.polaroid-row-container .polaroid-frame{max-width:220px;min-width:200px;flex:0 0 auto;transition:transform .3s ease,box-shadow .3s ease;transform-origin:center center;min-height:240px}.polaroid-row-container .polaroid-frame:nth-child(1){transform:rotate(-8deg)!important}.polaroid-row-container .polaroid-frame:nth-child(2){transform:rotate(4deg)!important}.polaroid-row-container .polaroid-frame:nth-child(3){transform:rotate(-4deg)!important}.polaroid-row-container .polaroid-frame:nth-child(4){transform:rotate(8deg)!important}.polaroid-row-container .polaroid-frame:hover{transform:scale(1.1) rotate(var(--hover-rotation))!important;box-shadow:0 12px 35px #0003}.polaroid-row-container .polaroid-frame:nth-child(1):hover{--hover-rotation: -12deg}.polaroid-row-container .polaroid-frame:nth-child(2):hover{--hover-rotation: 8deg}.polaroid-row-container .polaroid-frame:nth-child(3):hover{--hover-rotation: -8deg}.polaroid-row-container .polaroid-frame:nth-child(4):hover{--hover-rotation: 12deg}@media (max-width: 768px){.polaroid-row-container{gap:1rem;margin:1.5rem 0;padding:.5rem}.polaroid-row-container .polaroid-frame{max-width:160px;min-width:140px;min-height:200px}.polaroid-row-container .polaroid-frame:nth-child(1){transform:rotate(-8deg)!important}.polaroid-row-container .polaroid-frame:nth-child(2){transform:rotate(4deg)!important}.polaroid-row-container .polaroid-frame:nth-child(3){transform:rotate(-4deg)!important}.polaroid-row-container .polaroid-frame:nth-child(4){transform:rotate(8deg)!important}.polaroid-row-container .polaroid-frame:hover{transform:scale(1.1) rotate(var(--hover-rotation))!important}.polaroid-row-container .polaroid-frame:nth-child(1):hover{--hover-rotation: -12deg}.polaroid-row-container .polaroid-frame:nth-child(2):hover{--hover-rotation: 8deg}.polaroid-row-container .polaroid-frame:nth-child(3):hover{--hover-rotation: -8deg}.polaroid-row-container .polaroid-frame:nth-child(4):hover{--hover-rotation: 12deg}}@media (max-width: 480px){.polaroid-row-container{gap:.75rem;margin:1rem 0;padding:.25rem}.polaroid-row-container .polaroid-frame{max-width:130px;min-width:110px;min-height:160px}}.page-container{max-width:1200px;margin:0 auto;padding:24px}.projects-hero{text-align:center;padding:60px;background:linear-gradient(135deg,#ffe4e640,#fff1eb40);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:32px;margin:24px 0 48px;overflow:visible}.projects-hero h1{font-size:5rem;color:#333;margin:0}.projects-intro{text-align:left;margin-bottom:48px}.projects-intro h2{font-size:3rem;margin-bottom:1.5rem;font-weight:600;text-align:left;width:fit-content;color:#333;background:linear-gradient(135deg,#ff6b6b,#4ecdc4,#45b7d1,#96ceb4,#feca57);background-size:300% 300%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:gradientShift 3s ease-in-out infinite;padding:.5rem 0;border-radius:8px;position:relative;word-wrap:break-word;overflow-wrap:break-word;line-height:1.2}.projects-intro h2:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#ff6b6b1a,#4ecdc41a,#45b7d11a,#96ceb41a,#feca571a);border-radius:8px;z-index:-1;transform:scale(1.05);transition:transform .3s ease}.projects-intro h2:hover:before{transform:scale(1.1)}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.projects-intro h5{font-size:1.6rem;margin-top:-1rem;font-weight:400;position:relative;text-align:left;width:fit-content;color:#666;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;margin:3rem 0;align-items:stretch}@media (max-width: 768px){.page-container{padding:16px}.projects-hero{padding:40px 20px;border-radius:24px;margin:16px 0 32px}.projects-hero h1{font-size:3rem}.projects-intro{margin-bottom:32px}.projects-intro h2{font-size:2rem;margin-bottom:1rem;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.projects-intro h5{font-size:1.3rem;margin-top:-.5rem;line-height:1.4;word-wrap:break-word;overflow-wrap:break-word}.projects-grid{grid-template-columns:1fr;gap:1.5rem;margin:2rem 0}}@media (max-width: 480px){.page-container{padding:12px}.projects-hero{padding:30px 16px;border-radius:20px;margin:12px 0 24px}.projects-hero h1{font-size:2.5rem}.projects-intro{margin-bottom:24px}.projects-intro h2{font-size:1.8rem;margin-bottom:.75rem;line-height:1.3}.projects-intro h5{font-size:1.1rem;margin-top:-.25rem;line-height:1.4}.projects-grid{gap:1rem;margin:1.5rem 0}}.tagbar-container{margin:2rem 0;padding:1rem 0;background:#fff6;border:1px solid rgba(255,255,255,.2);border-radius:24px;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);overflow-x:auto;box-shadow:0 4px 12px #1f268714}.tagbar-scroll{display:flex;flex-wrap:wrap;justify-content:start;gap:1rem;padding:0 1rem}.tagbar-tag{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;padding:.75rem 1.5rem;border-radius:999px;color:#333;font-weight:500;font-size:1rem;transition:all .3s ease;cursor:pointer;border:2px solid transparent;position:relative;overflow:hidden}.tagbar-tag:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);opacity:0;transition:opacity .3s ease;z-index:-1}.tagbar-tag:hover:before{opacity:1}.tagbar-tag:hover{transform:translateY(-3px);box-shadow:0 8px 24px #1f268726;color:#fff;border-color:transparent}.tagbar-tag.active{transform:translateY(-2px);box-shadow:0 6px 20px #1f26871f}.tag-icon{width:18px;height:18px;flex-shrink:0}.all-tag{background:linear-gradient(135deg,#ff8c001a,#ff00801a,#40e0d01a);border-color:#ff8c004d}.all-tag:hover{border-color:transparent}.development-tag{background:linear-gradient(135deg,#40e0d01a,#64b5f61a);border-color:#40e0d04d}.development-tag:hover{border-color:transparent}.design-tag{background:linear-gradient(135deg,#ff00801a,#ff8c001a);border-color:#ff00804d}.design-tag:hover{border-color:transparent}.ux-research-tag{background:linear-gradient(135deg,#9c27b01a,#673ab71a);border-color:#9c27b04d}.ux-research-tag:hover{border-color:transparent}.default-tag{background:linear-gradient(135deg,#ff6b6b1a,#ff8e531a);border-color:#ff6b6b4d}.default-tag:hover{border-color:transparent}@media (max-width: 768px){.tagbar-container{margin:1.5rem 0;border-radius:20px;padding:.75rem 0}.tagbar-scroll{gap:.75rem;padding:0 .75rem}.tagbar-tag{padding:.6rem 1.2rem;font-size:.9rem;border-radius:999px}.tag-icon{width:16px;height:16px}}@media (max-width: 480px){.tagbar-container{margin:1rem 0;border-radius:16px;padding:.5rem 0}.tagbar-scroll{gap:.5rem;padding:0 .5rem}.tagbar-tag{padding:.5rem 1rem;font-size:.85rem;border-radius:999px}.tag-icon{width:14px;height:14px}}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}html,body{font-family:Inter,Helvetica Neue,sans-serif;font-size:16px;color:#1f2937;background-color:#fff;scroll-behavior:smooth}a{text-decoration:none;color:inherit}.mockup-section,.code-snippets-section,.features-section,.project-overview-section{max-width:100vw;margin:0 auto;padding:2rem 1.5rem;overflow-x:hidden;overflow-y:visible}.project-section h2,.mockup-section h2,.code-snippets-section h2,.features-section h2{text-align:left;font-size:1.75rem;margin-bottom:1rem;color:#111827}img{max-width:100%;height:auto;display:block}pre,code{font-family:Fira Code,monospace;font-size:.9rem}.project-header{margin-bottom:48px;padding:0 1rem}.project-header-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1rem}.project-title-section{text-align:left;display:flex;flex-direction:column;align-items:flex-start;margin:0;gap:-.5rem}.project-title{font-size:2rem;font-weight:800;margin-bottom:-1rem;line-height:1}.title-emojis{display:flex;align-items:center;justify-content:center;font-size:3rem;width:4.25rem;height:4.25rem;border-radius:9999px;background:linear-gradient(145deg,#fff1f2,#f8fafc);box-shadow:0 2px 8px #0000000f;padding:.5rem;flex-shrink:0;line-height:1}.project-category{color:#666;font-size:1.25rem;font-weight:350;margin-top:-.3rem;margin-bottom:0;letter-spacing:.2px;font-family:Segoe UI,Helvetica Neue,sans-serif;line-height:0}.gradient-text{background:linear-gradient(135deg,#e31837,#ffc107);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.project-skills-wrapper{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.project-skills-heading{font-size:1.25rem;font-weight:600;color:#333;margin-bottom:1rem;text-align:center}.project-skills-card{background:#f8f8f8;border-radius:1rem;padding:1.25rem 1.5rem;box-shadow:0 2px 8px #0000000d;max-width:640px;width:100%;display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem}.project-skill-tag{background-color:#e5e7eb;color:#374151;padding:6px 14px;border-radius:9999px;font-size:.9rem;font-weight:500;box-shadow:inset 0 1px 2px #ffffff80;transition:background-color .2s ease}.project-actions{display:flex;gap:16px;flex-wrap:wrap;justify-content:center;margin-top:24px}.project-actions a{padding:12px 24px;border-radius:8px;font-size:1rem;text-decoration:none;transition:all .4s ease;display:inline-flex;align-items:center;gap:8px;background:#f2f2f2;color:#333;border:1px solid #ccc;position:relative;overflow:hidden;z-index:0}.project-actions a:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);opacity:0;transition:opacity .4s ease;z-index:-1}.project-actions a:hover:before{opacity:1}.project-actions a:hover{color:#fff;border-color:transparent}.project-actions a.figma{background:#f2f2f2;color:#333}.project-actions a.figma:hover{color:#fff}@media (max-width: 600px){.project-header-top{flex-direction:row;align-items:flex-start;gap:.3rem}.project-title{font-size:1.75rem}.title-emojis{font-size:2.25rem;width:3.5rem;height:3.5rem;padding:.4rem}.project-category{font-size:1.1rem}}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px;margin-top:48px;padding:0 16px}.feature-card.static{background:#fff;border-radius:24px;padding:32px 24px;box-shadow:0 4px 16px #1f26871a;transition:all .3s ease;display:flex;flex-direction:column;align-items:center;height:100%;min-height:280px;box-sizing:border-box;overflow:visible}.feature-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #1f268726}.feature-card-emoji{background:#ffc10726;width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;margin-bottom:16px}.feature-title{font-size:1.25rem;font-weight:600;color:#333;margin:0 0 16px;text-align:center}.feature-description{color:#444;font-size:1rem;line-height:1.75;margin:0;padding:0 8px;width:100%;text-align:left}.code-section{margin-bottom:24px;border-radius:16px;overflow:hidden;box-shadow:0 4px 12px #1f26871a}.code-header{padding:16px;background:#f8f8f8;cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background-color .3s ease}.code-header:hover{background:#f0f0f0}.code-title-section{display:flex;align-items:center;gap:12px;flex:1}.code-header h4{margin:0;font-family:Roboto,sans-serif!important;font-size:1.1rem;font-weight:600;color:#333}.language-indicator{padding:4px 8px;border-radius:6px;font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 4px #0000001a;transition:transform .2s ease}.language-indicator:hover{transform:scale(1.05)}.code-toggle{background:none;border:none;cursor:pointer;padding:0;font-size:1.2rem;color:#666;transition:color .3s ease;margin-left:12px}.code-toggle:hover{color:#333}.plus-icon{display:inline-block;transition:transform .3s ease}.plus-icon.is-active{transform:rotate(45deg)}.code-content{padding:0;height:0;overflow:hidden;transition:padding .3s ease,height .3s ease,opacity .3s ease;opacity:0;visibility:hidden;position:relative;background:#1e1e1e}.code-content.is-expanded{padding:0;height:auto;opacity:1;visibility:visible}.code-content .react-syntax-highlighter{margin:0!important;border-radius:0!important}@media (max-width: 768px){.code-header{padding:12px}.code-header h4{font-size:1rem}.code-toggle{font-size:1.1rem}.language-indicator{font-size:.65rem;padding:3px 6px}.code-title-section{gap:8px}}@media (max-width: 480px){.code-title-section{flex-direction:column;align-items:flex-start;gap:6px}.language-indicator{align-self:flex-start}}.carousel-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0;position:relative}.carousel{position:relative;width:80vw;max-width:960px;aspect-ratio:16 / 9;perspective:1000px;transform-style:preserve-3d;display:flex;align-items:center;justify-content:center;overflow:visible;margin:0 auto}.card-container{position:absolute;width:100%;height:100%;transform:rotateY(calc(var(--offset) * 50deg)) scaleY(calc(1 + var(--abs-offset) * -.4)) translateZ(calc(var(--abs-offset) * -30rem)) translate(calc(var(--direction) * -5rem));filter:blur(calc(var(--abs-offset) * 1rem));transition:all .3s ease-out;opacity:var(--opacity);pointer-events:none}.card{width:100%;height:100%;border-radius:1rem;overflow:hidden;background-color:#fff;box-shadow:0 6px 20px #0003;display:flex;flex-direction:column;justify-content:flex-start;transition:all .3s ease-out;pointer-events:auto}.card-img{width:100%;height:auto;aspect-ratio:16 / 9;object-fit:cover}.nav{color:#1f2937;font-size:2rem;position:absolute;top:50%;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:none;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000026;transition:background .2s ease,transform .2s ease}.nav:hover{background:#f1f1f1}.nav:active{transform:translateY(-50%) scale(.95);background:#e2e2e2}.nav.left{left:-2.5rem}.nav.right{right:-2.5rem}.card-description-outer{display:flex;justify-content:center;margin-top:2rem;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);border-radius:2rem;padding:6px;width:80vw;max-width:960px;transition:all .3s ease;box-shadow:0 4px 16px #1f26871a}.card-description-inner{background:#fff;border-radius:1.75rem;padding:1.25rem 2rem;width:100%;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;animation:fadeInDesc .4s ease;text-align:center}.card-description{margin:0;font-size:1.15rem;font-weight:400;font-style:italic;color:#333;line-height:1.6;max-width:100%;word-break:break-word}.mobile-carousel{width:100vw;max-width:100vw;aspect-ratio:16 / 9;perspective:none;transform-style:flat;overflow:hidden;position:relative;margin:0;display:flex;align-items:center;justify-content:center;left:50%;transform:translate(-50%);border-radius:0}.mobile-card{position:absolute;width:100%;height:100%;transform:translate(calc(var(--offset) * 100vw + var(--drag-offset) * 1px));transition:transform .3s cubic-bezier(.25,.46,.45,.94);opacity:var(--opacity);pointer-events:auto;border-radius:0;overflow:hidden;background-color:#fff;box-shadow:none}.mobile-card .card{width:100%;height:100%;border-radius:0;overflow:hidden;background-color:#fff;box-shadow:none;transition:all .3s ease-out}.mobile-card .card-img{width:100%;height:100%;object-fit:cover}@media (max-width: 768px){.mobile-card{background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);padding:4px;border-radius:1rem;overflow:hidden}.mobile-card .card{border-radius:.75rem;overflow:hidden;background-color:#fff;box-shadow:none;transition:all .3s ease-out}.mobile-card .card-img{border-radius:.75rem}}@media (max-width: 480px){.mobile-card{padding:3px;border-radius:.75rem}.mobile-card .card,.mobile-card .card-img{border-radius:.5rem}}@media (max-width: 768px){.mobile-carousel:before{content:"";position:absolute;top:50%;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(255,140,0,.3),rgba(255,0,128,.3),rgba(64,224,208,.3),transparent);transform:translateY(-50%);z-index:5;pointer-events:none}.mobile-carousel:after{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,140,0,.1),rgba(255,0,128,.1),rgba(64,224,208,.1),transparent);transform:translateY(-50%);z-index:5;pointer-events:none}.mobile-carousel:before{content:"•••";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#ff8c0066;font-size:1.5rem;letter-spacing:.5rem;z-index:5;pointer-events:none;opacity:.6;animation:swipeHint 2s ease-in-out infinite}}@keyframes swipeHint{0%,to{opacity:.3;transform:translate(-50%,-50%) scale(1)}50%{opacity:.6;transform:translate(-50%,-50%) scale(1.1)}}.mobile-indicators{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0;padding:.5rem;position:relative;z-index:10}.indicator{width:8px;height:8px;border-radius:50%;background-color:#0003;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.indicator.active{background-color:#ff8c00;transform:scale(1.2);box-shadow:0 0 8px #ff8c0066}.indicator:hover{background-color:#ff8c0099;transform:scale(1.1)}.mobile-carousel:active{cursor:grabbing}.mobile-card:active{transform:scale(.98);transition:transform .1s ease}@media (max-width: 768px){.card-description-outer{width:90vw;max-width:90vw;margin-top:1rem;padding:4px}.card-description-inner{padding:1rem 1.25rem;min-height:80px}.card-description{font-size:.95rem;line-height:1.4;margin:0}}@media (max-width: 480px){.mobile-carousel{width:100vw;max-width:100vw;margin-left:calc(-50vw + 50%);margin-right:calc(-50vw + 50%)}.mobile-card{transform:translate(calc(var(--offset) * 100vw + var(--drag-offset) * 1px))}.card-description-outer{width:95vw;max-width:95vw;margin-top:.75rem;padding:3px}.card-description-inner{padding:.75rem 1rem;min-height:70px}.card-description{font-size:.9rem;line-height:1.3}.mobile-indicators{margin:.75rem 0;gap:.4rem}.indicator{width:6px;height:6px}}.video-display-wrapper{position:relative;width:100%;max-width:960px;margin:-12rem auto;display:flex;justify-content:center;align-items:center;overflow-x:hidden}@media (max-width: 768px){.video-display-wrapper{width:90%;margin:2rem auto}.studio-frame-svg{width:100%}.video-inside-screen{top:24.8%;left:17.5%;width:65%}}.studio-frame-svg{width:100%;height:auto;max-width:100%;display:block;position:relative;z-index:1}.video-inside-screen{position:absolute;top:24.5%;left:17.3%;width:65.4%;aspect-ratio:16 / 9;z-index:2;overflow:hidden;border-radius:8px;background:#000;box-shadow:0 0 6px #00000080}.video-inside-screen video{width:100%;height:100%;object-fit:cover;display:block;border-radius:inherit}.video-section-title{text-align:center;font-size:1.5rem;font-weight:600;margin-top:2.5rem;margin-bottom:1rem}.project-description p{font-size:1.1rem;line-height:1.8;margin:0 0 1rem;color:#555}.project-description p:last-child{margin-bottom:0}@media (max-width: 768px){.project-page{padding:1rem}.project-page h2{font-size:2rem;margin:2rem 0 1rem}.project-description{padding:1.5rem;margin:1.5rem 0}.project-description p{font-size:1rem}.features-grid{grid-template-columns:1fr;gap:1.5rem}.mockup-section,.code-snippets-section{margin:2rem 0}}@media (max-width: 480px){.project-page{padding:.5rem}.project-page h2{font-size:1.75rem}.project-description{padding:1rem}.features-grid{gap:1rem}}.project-page{max-width:1200px;margin:0 auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:#333}.project-page h2{font-size:2.5rem;font-weight:700;margin:3rem 0 1.5rem;background:linear-gradient(135deg,#ff8c00,#ff0080,#40e0d0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.project-page h3{font-size:1.8rem;font-weight:600;margin:2rem 0 1rem;color:#333;text-align:center}.project-description{background:#ffffff0d;border-radius:16px;padding:2rem;margin:2rem 0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.project-description p{font-size:1.1rem;line-height:1.8;margin:0;color:#555}.storybook-features{margin:3rem 0;padding:2rem;background:#ffffff0d;border-radius:16px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0000001a}.storybook-features h3{text-align:center;margin-bottom:2rem;font-size:1.8rem;font-weight:600;color:#333}.feature-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem}.feature-item{padding:1.5rem;background:#ffffff1a;border-radius:12px;border:1px solid rgba(255,255,255,.2);transition:transform .3s ease,box-shadow .3s ease}.feature-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #00000026}.feature-item h4{font-size:1.2rem;font-weight:600;margin:0 0 .5rem;color:#333}.feature-item p{font-size:1rem;line-height:1.6;color:#666;margin:0}.features-section{margin:4rem 0}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:2rem;margin-top:2rem}.mockup-section,.code-snippets-section{margin:4rem 0}.code-sections{display:flex;flex-direction:column;gap:1.5rem}@media (max-width: 768px){.project-page{padding:1rem}.project-page h2{font-size:2rem;margin:2rem 0 1rem}.project-page h3{font-size:1.5rem}.project-description,.storybook-features{padding:1.5rem;margin:1.5rem 0}.project-description p{font-size:1rem}.feature-list,.features-grid{grid-template-columns:1fr;gap:1.5rem}.mockup-section,.code-snippets-section{margin:2rem 0}}@media (max-width: 480px){.project-page{padding:.5rem}.project-page h2{font-size:1.75rem}.project-page h3{font-size:1.3rem}.project-description,.storybook-features{padding:1rem}.feature-list,.features-grid{gap:1rem}}.mobile-carousel-wrapper{width:100%;display:flex;flex-direction:column;justify-content:center;align-items:center;margin:2rem 0;position:relative;overflow:visible}.mobile-carousel{display:flex;width:100%;height:100%;align-items:center;justify-content:center;position:relative;font-family:Arial}.mobile-carousel__list{display:flex;list-style:none;position:relative;width:100%;height:800px;min-height:800px;justify-content:center;align-items:center;perspective:1000px;margin:0;padding:0}.mobile-carousel__item{display:flex;align-items:center;justify-content:center;width:240px;height:533px;border-radius:12px;box-shadow:0 2px 8px #32323280;position:absolute;transition:all .3s ease-in;cursor:pointer;overflow:hidden;background:#fff;min-height:533px}.mobile-carousel__image{width:100%;height:100%;object-fit:cover;border-radius:12px}.mobile-carousel__item[data-pos="0"]{z-index:5;transform:scale(1);opacity:1;filter:none}.mobile-carousel__item[data-pos="-1"],.mobile-carousel__item[data-pos="1"]{opacity:.7;filter:blur(1px) grayscale(10%)}.mobile-carousel__item[data-pos="-1"]{transform:translate(-40%) scale(.9);z-index:4}.mobile-carousel__item[data-pos="1"]{transform:translate(40%) scale(.9);z-index:4}.mobile-carousel__item[data-pos="-2"],.mobile-carousel__item[data-pos="2"]{opacity:.4;filter:blur(3px) grayscale(20%)}.mobile-carousel__item[data-pos="-2"]{transform:translate(-70%) scale(.8);z-index:3}.mobile-carousel__item[data-pos="2"]{transform:translate(70%) scale(.8);z-index:3}.mobile-carousel__nav{color:#1f2937;font-size:2rem;position:absolute;top:50%;z-index:10;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:none;width:3.5rem;height:3.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;transform:translateY(-50%);box-shadow:0 4px 14px #00000026;transition:background .2s ease,transform .2s ease}.mobile-carousel__nav:hover{background:#f1f1f1}.mobile-carousel__nav:active{transform:translateY(-50%) scale(.95);background:#e2e2e2}.mobile-carousel__nav--left{left:-2.5rem}.mobile-carousel__nav--right{right:-2.5rem}.mobile-carousel__indicators{display:flex;justify-content:center;align-items:center;gap:.5rem;margin:1rem 0;padding:.5rem;position:relative;z-index:10}.mobile-carousel__indicator{width:8px;height:8px;border-radius:50%;background-color:#0003;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.mobile-carousel__indicator--active{background-color:#ff8c00;transform:scale(1.2);box-shadow:0 0 8px #ff8c0066}.mobile-carousel__indicator:hover{background-color:#ff8c0099;transform:scale(1.1)}.mobile-card-description-outer{display:flex;justify-content:center;margin-top:2rem;background:linear-gradient(90deg,#ff8c00,#ff0080,#40e0d0);border-radius:2rem;padding:6px;width:80vw;max-width:600px;transition:all .3s ease;box-shadow:0 4px 16px #1f26871a}.mobile-card-description-inner{background:#fff;border-radius:1.75rem;padding:1.25rem 2rem;width:100%;min-height:100px;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box;animation:fadeInDesc .4s ease;text-align:center}.mobile-card-description{margin:0;font-size:1.15rem;font-weight:400;font-style:italic;color:#333;line-height:1.6;max-width:100%;word-break:break-word}@keyframes fadeInDesc{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.mobile-carousel__list{height:1200px!important;min-height:1200px!important}.mobile-carousel__item{width:220px;height:489px;min-height:489px}.mobile-carousel__nav{display:none}.mobile-card-description-outer{width:90vw;max-width:90vw;margin-top:1rem;padding:4px}.mobile-card-description-inner{padding:1rem 1.25rem;min-height:80px}.mobile-card-description{font-size:.95rem;line-height:1.4;margin:0}}@media (max-width: 480px){.mobile-carousel__list{height:1000px!important;min-height:1000px!important}.mobile-carousel__item{width:180px;height:400px;min-height:400px}.mobile-card-description-outer{width:95vw;max-width:95vw;margin-top:.75rem;padding:3px}.mobile-card-description-inner{padding:.75rem 1rem;min-height:70px}.mobile-card-description{font-size:.9rem;line-height:1.3}.mobile-carousel__indicators{margin:.75rem 0;gap:.4rem}.mobile-carousel__indicator{width:6px;height:6px}}.mobile-carousel-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#000c;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;animation:modalFadeIn .3s ease-out}.mobile-carousel-modal-content{background:#fff;border-radius:1rem;max-width:90vw;max-height:90vh;overflow:hidden;position:relative;display:flex;flex-direction:column;animation:modalSlideIn .3s ease-out}.mobile-carousel-modal-close{position:absolute;top:1rem;right:1rem;background:#000000b3;color:#fff;border:none;border-radius:50%;width:2.5rem;height:2.5rem;font-size:1.5rem;cursor:pointer;z-index:1001;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}.mobile-carousel-modal-close:hover{background:#000000e6}.mobile-carousel-modal-image-container{flex:1;display:flex;align-items:center;justify-content:center;padding:1rem;overflow:hidden}.mobile-carousel-modal-image{max-width:100%;max-height:70vh;object-fit:contain;border-radius:.5rem;box-shadow:0 4px 20px #0003}.mobile-carousel-modal-description{padding:1.5rem;background:#f8f9fa;border-top:1px solid #e9ecef}.mobile-carousel-modal-description p{margin:0;font-size:1rem;line-height:1.5;color:#333;text-align:center}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalSlideIn{0%{transform:scale(.9) translateY(-20px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}@media (max-width: 768px){.mobile-carousel-modal-content{max-width:95vw;max-height:95vh}.mobile-carousel-modal-image{max-height:60vh}.mobile-carousel-modal-description{padding:1rem}.mobile-carousel-modal-description p{font-size:.9rem}.mobile-carousel-modal-close{width:2rem;height:2rem;font-size:1.25rem;top:.5rem;right:.5rem}}@media (max-width: 480px){.mobile-carousel-modal-overlay{padding:.5rem}.mobile-carousel-modal-content{max-width:98vw;max-height:98vh}.mobile-carousel-modal-image{max-height:50vh}.mobile-carousel-modal-description{padding:.75rem}.mobile-carousel-modal-description p{font-size:.85rem}}*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*:before,*:after{box-sizing:border-box}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{-webkit-appearance:revert;-moz-appearance:revert;appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}Send Footer to Bottom html,body,#root{min-height:100vh}#root{display:flex;flex-direction:column}@font-face{font-family:Tulpwriting;src:url(/assets/Tulpwriting-Regular-BB0tZwah.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}.vertical-center{display:flex;align-items:center}main{flex-grow:1}h1{font-family:Tulpwriting,serif;font-size:3rem;font-weight:700;margin-bottom:1rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h2{font-family:Tulpwriting,serif;font-size:2.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.75rem}h3{font-family:Tulpwriting,serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}h4{font-family:Tulpwriting,serif;font-size:1.5rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}h5{font-size:1.4rem;font-weight:400;color:var(--text-secondary);margin-bottom:.75rem;letter-spacing:.25px;line-height:1.5}h6{font-size:1.125rem;font-weight:600;color:var(--text-primary);margin-bottom:.5rem}p{font-size:1rem;color:var(--text-secondary);margin-bottom:1.5rem}.page-title{font-family:Tulpwriting,serif;font-size:3.5rem;font-weight:700;margin-bottom:1.5rem;background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.section-title{font-family:Tulpwriting,serif;font-size:2.5rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.value-title{font-family:Tulpwriting,serif;font-size:1.75rem;font-weight:600;color:var(--text-primary);margin-bottom:.75rem}.container{max-width:1200px;margin:0 auto;padding:0 var(--spacing-unit)}.grid{display:grid;grid-template-columns:repeat(12,1fr);gap:1rem}.col-1{grid-column:span 1}.col-2{grid-column:span 2}.col-3{grid-column:span 3}.col-4{grid-column:span 4}.col-5{grid-column:span 5}.col-6{grid-column:span 6}.col-7{grid-column:span 7}.col-8{grid-column:span 8}.col-9{grid-column:span 9}.col-10{grid-column:span 10}.col-11{grid-column:span 11}.col-12{grid-column:span 12}@media screen and (min-width: 568px){.col-1-sm{grid-column:span 1}.col-2-sm{grid-column:span 2}.col-3-sm{grid-column:span 3}.col-4-sm{grid-column:span 4}.col-5-sm{grid-column:span 5}.col-6-sm{grid-column:span 6}.col-7-sm{grid-column:span 7}.col-8-sm{grid-column:span 8}.col-9-sm{grid-column:span 9}.col-10-sm{grid-column:span 10}.col-11-sm{grid-column:span 11}.col-12-sm{grid-column:span 12}}@media screen and (min-width: 834px){.col-1-md{grid-column:span 1}.col-2-md{grid-column:span 2}.col-3-md{grid-column:span 3}.col-4-md{grid-column:span 4}.col-5-md{grid-column:span 5}.col-6-md{grid-column:span 6}.col-7-md{grid-column:span 7}.col-8-md{grid-column:span 8}.col-9-md{grid-column:span 9}.col-10-md{grid-column:span 10}.col-11-md{grid-column:span 11}.col-12-md{grid-column:span 12}}@media screen and (min-width: 1080px){.col-1-lg{grid-column:span 1}.col-2-lg{grid-column:span 2}.col-3-lg{grid-column:span 3}.col-4-lg{grid-column:span 4}.col-5-lg{grid-column:span 5}.col-6-lg{grid-column:span 6}.col-7-lg{grid-column:span 7}.col-8-lg{grid-column:span 8}.col-9-lg{grid-column:span 9}.col-10-lg{grid-column:span 10}.col-11-lg{grid-column:span 11}.col-12-lg{grid-column:span 12}}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--text-primary);line-height:1.5;background:#fff}@media (max-width: 768px){.container{padding:0 1.5rem}h1{font-size:2rem}h2{font-size:1.75rem}}:root{--gradient-primary: linear-gradient(135deg, #FF8C00, #FF0080, #40E0D0);--gradient-background: linear-gradient(135deg, rgba(255,140,0,.1), rgba(255,0,128,.1), rgba(64,224,208,.1));--text-primary: #333333;--text-secondary: #666666;--spacing-unit: 1rem;--border-radius: 12px}