:root{--bg-color:#e6eef5;--clay-base:#ecf3f9;--shadow-dark:#cbd6e2;--shadow-light:#fff;--text-main:#334155;--text-muted:#64748b;--accent-color:#3b82f6;--accent-green:#10b981}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-color);color:var(--text-main);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;overflow-x:hidden}.bg-3d-element{z-index:0;opacity:.9;mix-blend-mode:multiply;pointer-events:none;animation:20s ease-in-out infinite alternate floatBg3D;position:fixed}.leaf-3d{transform-origin:50%;width:45vw;max-width:500px;top:-5%;left:-5%}.seed-3d{width:40vw;max-width:450px;animation-duration:25s;animation-delay:-10s;bottom:-5%;right:-5%}@keyframes floatBg3D{0%{transform:translate(0)scale(1)rotate(0)}50%{transform:translate(20px,30px)scale(1.05)rotate(5deg)}to{transform:translate(-10px,10px)scale(.95)rotate(-2deg)}}.app-container{z-index:10;width:100%;max-width:1100px;margin:0 auto;padding:2rem 1rem;position:relative}.clay-box{background:var(--clay-base);box-shadow:12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light), inset -4px -4px 10px #00000008, inset 4px 4px 10px #ffffffb3;border-radius:32px;transition:all .3s}.clay-btn{background:var(--clay-base);box-shadow:6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light), inset -2px -2px 6px #00000008, inset 2px 2px 6px #ffffffb3;cursor:pointer;color:var(--text-main);border:none;border-radius:20px;justify-content:center;align-items:center;padding:10px 20px;font-weight:600;transition:all .2s;display:flex}.clay-btn:hover{box-shadow:8px 8px 16px var(--shadow-dark), -8px -8px 16px var(--shadow-light), inset -2px -2px 6px #00000008, inset 2px 2px 6px #ffffffb3;transform:translateY(-2px)}.clay-btn:active,.clay-btn.active{box-shadow:inset 6px 6px 12px var(--shadow-dark), inset -6px -6px 12px var(--shadow-light);color:var(--accent-color);transform:translateY(1px)}.profile-header{margin-bottom:2rem;position:relative}.cover-photo{width:100%;height:320px;box-shadow:12px 12px 24px var(--shadow-dark), -12px -12px 24px var(--shadow-light);background:url(../cover.png) 50%/cover no-repeat;border-radius:40px;flex-direction:column;justify-content:flex-start;display:flex;position:relative;overflow:hidden}@media (width>=600px){.cover-photo{height:320px}}.cover-photo:after{content:"";background:#ffffff26;position:absolute;inset:0;box-shadow:inset 0 0 40px #0000001a}.avatar-wrapper{background:var(--clay-base);width:140px;height:140px;box-shadow:10px 10px 20px var(--shadow-dark), -10px -10px 20px var(--shadow-light), inset -4px -4px 10px #0000000d, inset 4px 4px 10px #ffffffe6;z-index:10;border-radius:50%;justify-content:center;align-items:center;margin-top:-70px;margin-left:auto;margin-right:auto;padding:8px;display:flex;position:relative}.avatar-inner{background:#fff;border-radius:50%;justify-content:center;align-items:center;width:100%;height:100%;display:flex;overflow:hidden;box-shadow:inset 0 0 15px #0000001a}.avatar-img{object-fit:contain;width:100%;height:100%;transform:scale(1.6)}.profile-info{text-align:center;flex-direction:column;align-items:center;margin-top:10px;padding:0 1rem;display:flex}.profile-name-container{justify-content:center;align-items:center;gap:10px;margin-bottom:8px;display:flex}.profile-name{color:var(--text-main);letter-spacing:-.03em;font-size:2.2rem;font-weight:800}.verified-badge{color:var(--accent-color);font-size:1.5rem}.profile-bio{color:var(--text-muted);max-width:600px;margin:0 auto 24px;font-size:1.1rem;line-height:1.6}.profile-stats{color:var(--text-muted);background:#fff6;border-radius:20px;gap:20px;padding:16px 24px;font-weight:500;display:inline-flex}.stat strong{color:var(--text-main);margin-right:6px;font-size:1.2rem;font-weight:800}.tabs-container{justify-content:center;gap:16px;margin-bottom:2.5rem;padding:0 1rem;display:flex}.feed{flex-direction:column;gap:2rem;display:flex}.post-card{padding:32px}.post-header{align-items:center;gap:20px;margin-bottom:24px;display:flex}.post-avatar{background:var(--clay-base);width:60px;height:60px;box-shadow:4px 4px 8px var(--shadow-dark), -4px -4px 8px var(--shadow-light), inset -2px -2px 4px #0000000d, inset 2px 2px 4px #fffc;border-radius:16px;justify-content:center;align-items:center;font-size:2rem;display:flex}.post-avatar.green{color:var(--accent-green)}.post-avatar.blue{color:var(--accent-color)}.post-avatar.orange{color:#f59e0b}.post-author-info h3{color:var(--text-main);margin-bottom:4px;font-size:1.3rem;font-weight:800}.post-author-info p{color:var(--text-muted);font-size:.95rem;font-weight:500}.post-body{color:#475569;margin-bottom:24px;font-size:1.05rem;line-height:1.7}.post-links{flex-direction:column;gap:16px;display:flex}.post-link-item{background:var(--clay-base);color:var(--text-main);box-shadow:6px 6px 12px var(--shadow-dark), -6px -6px 12px var(--shadow-light), inset -2px -2px 4px #00000008, inset 2px 2px 4px #ffffffb3;border-radius:20px;justify-content:space-between;align-items:center;padding:16px 20px;font-weight:600;text-decoration:none;transition:all .2s;display:flex}.post-link-item:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 20px #0000000f}.colored-box:hover{filter:brightness(1.1);box-shadow:0 8px 20px #00000026}.post-link-item:active{box-shadow:inset 4px 4px 8px var(--shadow-dark), inset -4px -4px 8px var(--shadow-light)}.link-left{align-items:center;gap:16px;display:flex}.link-icon-wrapper{justify-content:center;align-items:center;font-size:2rem;display:flex}.link-right-wrapper{align-items:center;gap:20px;display:flex}.qr-container{background:#fff;border-radius:12px;padding:8px;transition:transform .2s;display:flex;box-shadow:inset 0 0 6px #0000001a}.post-link-item:hover .qr-container{transform:scale(1.08)rotate(3deg)}.link-right{color:var(--text-muted)}.post-link-item:hover .link-right{color:var(--accent-color);transition:all .2s;transform:translate(6px)}.skeleton{background:linear-gradient(90deg, var(--clay-base) 25%, #f8fafc 50%, var(--clay-base) 75%);background-size:200% 100%;border-radius:8px;animation:1.5s infinite shimmer}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-text{width:100%;height:14px;margin-bottom:8px}.skeleton-text.short{width:60%}.skeleton-title{width:40%;height:24px;margin-bottom:12px}.skeleton-avatar{border-radius:16px;width:60px;height:60px}.skeleton-link{border-radius:20px;width:100%;height:80px;margin-bottom:16px}.app-footer{text-align:center;color:var(--text-muted);border-top:2px solid #ffffff80;margin-top:4rem;padding:3rem 1rem}.footer-logo{color:var(--text-main);letter-spacing:-.02em;margin-bottom:8px;font-size:1.4rem;font-weight:800}.footer-text{margin-bottom:4px;font-size:.95rem}.qr-modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:1000;background:#0009;justify-content:center;align-items:center;padding:1rem;animation:.3s fadeIn;display:flex;position:fixed;inset:0}.qr-modal-content{background:var(--clay-base);border-radius:32px;flex-direction:column;align-items:center;width:100%;max-width:400px;padding:2.5rem 2rem;animation:.3s slideUp;display:flex;position:relative;box-shadow:12px 12px 24px #0003,inset -4px -4px 10px #00000008,inset 4px 4px 10px #ffffffb3}.qr-modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:2rem;transition:color .2s;position:absolute;top:16px;right:20px}.qr-modal-close:hover{color:var(--text-main)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.profile-tagline{color:var(--accent-green);margin-bottom:16px;font-size:1.3rem;font-weight:700}.hero-section{margin-bottom:3rem;padding:0 1rem}.hero-product{flex-direction:column;display:flex;overflow:hidden;background:#fff!important}@media (width>=600px){.hero-product{flex-direction:row;align-items:stretch}}.hero-product-image-container{background:#fff;flex:1;justify-content:center;align-items:center;padding:2rem;display:flex;position:relative}.hero-platform-img{display:none}.hero-product-video{aspect-ratio:9/16;object-fit:cover;border-radius:20px;width:100%;max-width:260px;transition:transform .3s;box-shadow:0 25px 40px #00000026}.hero-product-video:hover{transform:scale(1.05)translateY(-5px)}.hero-product-info{flex-direction:column;flex:1.2;justify-content:center;padding:2.5rem;display:flex}.hero-badge{background:var(--accent-green);color:#fff;border-radius:20px;align-self:flex-start;align-items:center;margin-bottom:16px;padding:6px 12px;font-size:.85rem;font-weight:700;display:inline-flex;box-shadow:0 4px 10px #10b9814d}.hero-product-info h2{color:var(--text-main);margin-bottom:12px;font-size:1.8rem;font-weight:800;line-height:1.2}.hero-product-info p{color:var(--text-muted);margin-bottom:24px;font-size:1.05rem;line-height:1.6}.hero-btn{background:var(--accent-color);color:#fff;align-self:flex-start;padding:12px 24px}.hero-btn:hover{color:#fff}.companies-section{margin-bottom:2rem}.section-title{color:var(--text-main);margin-bottom:1.5rem;padding:0 1rem;font-size:1.4rem;font-weight:800}.companies-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;padding:0 1rem;display:grid}.company-card{color:inherit;align-items:center;gap:16px;padding:20px;text-decoration:none;display:flex}.company-card:hover{transform:translateY(-4px)}.company-icon{width:50px;height:50px;color:var(--accent-color);background:linear-gradient(135deg,#bae6fd,#e0f2fe);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.5rem;display:flex;box-shadow:inset 2px 2px 5px #fffc,inset -2px -2px 5px #0000000d}.company-details h4{color:var(--text-main);margin-bottom:4px;font-size:1.1rem;font-weight:700}.company-details span{color:var(--text-muted);font-size:.9rem;font-weight:500}.cover-overlay{z-index:1;background:linear-gradient(#000000b3 0%,#0000001a 50%,#0009 100%);position:absolute;inset:0}.poster-content{z-index:2;color:#fff;text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;height:100%;padding:2rem;display:flex;position:relative}.poster-tagline{text-shadow:0 2px 4px #000c;letter-spacing:.5px;color:#fff;margin-bottom:.25rem;font-size:1.4rem;font-weight:800}.poster-companies{flex-wrap:wrap;justify-content:flex-start;gap:15px;margin-bottom:1.5rem;display:flex}.poster-company-name{text-transform:uppercase;letter-spacing:1px;color:#fffffff2;text-shadow:0 1px 2px #000000e6;font-size:.75rem;font-weight:700}.poster-products{z-index:5;justify-content:flex-end;gap:12px;width:auto;display:flex;position:absolute;bottom:15px;right:15px}.poster-product-card{-webkit-backdrop-filter:blur(4px);background:#ffffff1a;border:1px solid #fff3;border-radius:12px;flex-direction:column;flex:1;align-items:center;padding:6px;transition:transform .2s,background .2s;display:flex}.poster-product-card:hover{background:#fff3;transform:translateY(-2px)}.poster-product-card img{object-fit:contain;background:#fff;border:1px solid #fff3;border-radius:12px;width:60px;height:60px;margin-bottom:4px;box-shadow:0 4px 10px #00000026}.poster-product-name{text-shadow:0 1px 2px #000000e6;font-size:.65rem;font-weight:800;line-height:1.1}@media (width<=600px){.app-container{padding:1rem .5rem}.cover-photo{border-radius:24px;height:auto;min-height:240px;padding-bottom:3rem}.avatar-wrapper{width:110px;height:110px;margin-top:-55px}.profile-name{font-size:1.8rem}.profile-bio{padding:0 10px;font-size:1rem}.profile-stats{justify-content:space-around;gap:12px;width:100%;padding:12px 16px}.tabs-container{flex-wrap:wrap}.post-card{padding:20px}.post-link-item{padding:12px 14px}.link-left{flex:1;gap:10px;min-width:0}.link-left span{white-space:normal;word-break:break-word;font-size:.9rem;line-height:1.3}.link-icon-wrapper{flex-shrink:0;font-size:1.3rem}.qr-container{border-radius:8px!important;padding:4px!important}.qr-container svg{width:44px!important;height:44px!important}.qr-container>div{padding:2px!important}.qr-container>div>div{font-size:12px!important}.hero-product-image-container{padding:1.5rem 1rem}.hero-product-info{padding:1.5rem}.hero-product-info h2{font-size:1.5rem}.hero-product-video{max-width:200px}.poster-content{padding:1.5rem 1.5rem .5rem}.poster-tagline{font-size:1.1rem}.poster-products{flex-wrap:wrap;justify-content:flex-start;margin-top:1rem;position:relative;bottom:auto;right:auto}.companies-grid{grid-template-columns:1fr}}