.fw-section{--bg-main:#f8fafc;--text-main:#0f172a;--text-muted:#64748b;--accent-indigo:#4f46e5;--accent-blue:#0ea5e9;--accent-emerald:#10b981;--folder-yellow:#fde047;--folder-yellow-main:#facc15;--folder-yellow-dark:#eab308;--font-modern:Roboto;--fw-w:440px;--fw-h:290px;--fw-tilt:-45deg;--fw-lift-1:-125px;--fw-lift-2:-80px;--fw-lift-3:-35px;--fw-lift-4:10px;background-color:var(--bg-main);font-family:var(--font-modern);box-sizing:border-box;justify-content:center;align-items:center;min-height:80vh;padding:4rem 1.25rem;display:flex;position:relative;overflow:hidden}.fw-section *,.fw-section :before,.fw-section :after{box-sizing:border-box}.fw-container{z-index:2;flex-direction:column;justify-content:center;align-items:center;gap:48px;width:100%;max-width:1200px;display:flex;position:relative}.fw-header{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.fw-header h2{color:var(--text-main);margin:0}.fw-glow{opacity:.22;z-index:1;pointer-events:none;border-radius:50%;position:absolute;transform:translateZ(0)}.fw-glow-indigo{background:radial-gradient(circle, var(--accent-indigo) 0%, transparent 70%);width:450px;height:450px;top:8%;left:12%}.fw-glow-blue{background:radial-gradient(circle, var(--accent-blue) 0%, transparent 70%);width:480px;height:480px;bottom:6%;right:12%}.fw-wrapper{-webkit-user-select:none;user-select:none;flex-direction:column;align-items:center;max-width:100%;display:flex;position:relative}.fw-hint{color:var(--text-muted);text-align:center;margin-bottom:2.25rem;padding:0 1rem;font-size:.95rem;font-weight:600;transition:color .3s,margin-bottom .4s}.fw-scroll-hint{color:var(--text-muted);text-align:center;margin-top:2.25rem;font-size:.9rem}.fw-scroll-hint strong{color:var(--text-main)}.fw-folder3d{width:var(--fw-w);height:var(--fw-h);perspective:1000px;max-width:90vw;position:relative}.fw-back{background:linear-gradient(145deg, var(--folder-yellow-dark), var(--folder-yellow-main));border-radius:22px;position:absolute;inset:0;box-shadow:0 12px 24px #0f172a14}.fw-stack{z-index:5;padding:0 12px;position:absolute;inset:0}.fw-card{cursor:pointer;-webkit-tap-highlight-color:transparent;pointer-events:none;will-change:transform;background:#fff;border:1px solid #e2e8f0e6;border-radius:12px;justify-content:space-between;align-items:center;gap:.75rem;min-height:44px;padding:.8rem 1.1rem;text-decoration:none;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .3s,border-color .2s;display:flex;position:absolute;top:0;left:16px;right:16px;box-shadow:0 4px 12px #0f172a0f}.fw-card:focus-visible{outline:2px solid var(--accent-indigo);outline-offset:2px}.fw-card-content{flex-direction:column;min-width:0;display:flex}.fw-card-cat{text-transform:uppercase;color:var(--text-muted);letter-spacing:.03em;white-space:nowrap;text-overflow:ellipsis;font-size:.68rem;font-weight:700;overflow:hidden}.fw-card-title{color:var(--text-main);white-space:nowrap;text-overflow:ellipsis;margin-top:.15rem;font-size:.92rem;font-weight:700;overflow:hidden}.fw-card-arrow{width:28px;height:28px;color:var(--text-main);background:#f1f5f9;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:background-color .2s,color .2s;display:flex}.fw-card:hover .fw-card-arrow,.fw-card:focus-visible .fw-card-arrow{background:var(--text-main);color:#fff}.fw-accent-indigo:hover{border-color:var(--accent-indigo)}.fw-accent-blue:hover{border-color:var(--accent-blue)}.fw-accent-emerald:hover{border-color:var(--accent-emerald)}.fw-card-1{z-index:4;transform:translateY(-20px)scale(1)}.fw-card-2{z-index:3;transform:translateY(-14px)scale(.98)}.fw-card-3{z-index:2;transform:translateY(-8px)scale(.96)}.fw-card-4{z-index:1;transform:translateY(-2px)scale(.94)}.fw-front{all:unset;transform-origin:bottom;z-index:10;cursor:pointer;-webkit-tap-highlight-color:transparent;will-change:transform;transition:transform .4s cubic-bezier(.16,1,.3,1),box-shadow .4s;display:block;position:absolute;inset:34px 0 0}.fw-front:focus-visible{outline:3px solid var(--accent-indigo);outline-offset:4px;border-radius:20px}.fw-tab{background-color:var(--folder-yellow);border-top-left-radius:14px;border-top-right-radius:14px;align-items:center;width:40%;min-width:96px;height:24px;padding-left:.9rem;display:flex;position:absolute;top:-22px;left:0}.fw-tab-label{text-transform:uppercase;letter-spacing:.05em;color:#0f172a73;white-space:nowrap;border:1px solid #0f172a26;border-radius:5px;padding:.15rem .4rem;font-size:.65rem;font-weight:700}.fw-body{background:linear-gradient(135deg, var(--folder-yellow) 0%, var(--folder-yellow-main) 100%);border-top-right-radius:22px;border-bottom-right-radius:22px;border-bottom-left-radius:22px;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:1rem;display:flex;position:relative;box-shadow:0 -4px 16px #00000008}.fw-brand{text-align:center;flex-direction:column;display:flex}.fw-brand-name,.fw-brand-surname{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 4px #00000014;font-size:clamp(1.4rem,5vw,2.15rem);font-weight:800;line-height:.98}.fw-action-btn{width:40px;height:40px;color:var(--text-main);will-change:transform;background-color:#facc15;border:2px solid #ffffffa6;border-radius:50%;justify-content:center;align-items:center;margin-top:.9rem;transition:transform .3s,background-color .3s;display:flex;box-shadow:0 4px 12px #00000014}.fw-wrapper.is-open .fw-stack{z-index:20}.fw-wrapper.is-open .fw-card{pointer-events:auto}.fw-wrapper.is-open .fw-front{transform:rotateX(var(--fw-tilt)) translate3d(0, 16px, 0);pointer-events:none;box-shadow:0 20px 28px -10px #0f172a2e}.fw-wrapper.is-open .fw-front .fw-action-btn{pointer-events:auto}.fw-wrapper.is-open .fw-action-btn{background-color:#fff;transform:scale(1.08)}.fw-wrapper.is-open .fw-card-1{transform:translate3d(0, var(--fw-lift-1), 0) scale(1.02);z-index:8}.fw-wrapper.is-open .fw-card-2{transform:translate3d(0, var(--fw-lift-2), 0) scale(1);z-index:7}.fw-wrapper.is-open .fw-card-3{transform:translate3d(0, var(--fw-lift-3), 0) scale(.98);z-index:6}.fw-wrapper.is-open .fw-card-4{transform:translate3d(0, var(--fw-lift-4), 0) scale(.96);z-index:5}.fw-wrapper.is-open .fw-hint{color:var(--accent-indigo)}@media (hover:hover) and (pointer:fine){.fw-wrapper:hover .fw-front{transform:rotateX(var(--fw-tilt)) translate3d(0, 16px, 0);box-shadow:0 20px 28px -10px #0f172a2e}.fw-wrapper:hover .fw-action-btn{background-color:#fff;transform:scale(1.08)}.fw-wrapper:hover .fw-card-1{transform:translate3d(0, var(--fw-lift-1), 0) scale(1.02)}.fw-wrapper:hover .fw-card-2{transform:translate3d(0, var(--fw-lift-2), 0) scale(1)}.fw-wrapper:hover .fw-card-3{transform:translate3d(0, var(--fw-lift-3), 0) scale(.98)}.fw-wrapper:hover .fw-card-4{transform:translate3d(0, var(--fw-lift-4), 0) scale(.96)}.fw-wrapper:hover .fw-hint{color:var(--accent-indigo)}}@media (max-width:900px){.fw-section{padding:3.5rem 1.25rem}.fw-folder3d{--fw-w:380px;--fw-h:260px;--fw-tilt:-40deg;--fw-lift-1:-105px;--fw-lift-2:-65px;--fw-lift-3:-25px;--fw-lift-4:15px}}@media (max-width:480px){.fw-section{min-height:80vh;padding:3rem 1rem}.fw-folder3d{--fw-w:320px;--fw-h:210px;--fw-tilt:-25deg;perspective:800px}.fw-glow{opacity:.12}.fw-hint{margin-bottom:2rem;font-size:.85rem}.fw-wrapper.is-open .fw-hint{margin-bottom:7rem}.fw-scroll-hint{margin-top:1.75rem;font-size:.82rem}.fw-card{min-height:42px;padding:.55rem .75rem;left:8px;right:8px}.fw-card-title{font-size:.82rem}.fw-card-cat{font-size:.58rem}.fw-card-arrow{width:22px;height:22px}.fw-tab{min-width:84px;height:20px;top:-18px}.fw-tab-label{font-size:.6rem}.fw-action-btn{width:36px;height:36px}.fw-wrapper.is-open .fw-card-1{z-index:10;transform:translateY(-180px)scale(1)}.fw-wrapper.is-open .fw-card-2{z-index:9;transform:translateY(-125px)scale(.98)}.fw-wrapper.is-open .fw-card-3{z-index:8;transform:translateY(-70px)scale(.96)}.fw-wrapper.is-open .fw-card-4{z-index:7;transform:translateY(-15px)scale(.94)}}@media (prefers-reduced-motion:reduce){.fw-front,.fw-card,.fw-action-btn,.fw-hint{transition:opacity .2s!important}.fw-wrapper.is-open .fw-front,.fw-wrapper.is-open .fw-card-1,.fw-wrapper.is-open .fw-card-2,.fw-wrapper.is-open .fw-card-3,.fw-wrapper.is-open .fw-card-4{transform:none!important}}