:root{--nav-bg: linear-gradient(165deg, #d8d1bd 0%, #c6bea6 100%);--content-bg: linear-gradient(135deg, #e6e0cf 0%, #d4ccb4 100%);--body-bg: #f1ecdf;--accent-primary: #8f9b6b;--accent-secondary: #b7a66a;--accent-tertiary: #6f7b52;--accent-glow: rgba(143, 155, 107, .35);--text-primary: #2f2f2a;--text-secondary: #5f6352;--text-muted: #8a8d7a;--text-bright: #1f1f1b;--border-subtle: rgba(0, 0, 0, .05);--border-medium: rgba(111, 123, 82, .35);--border-accent: rgba(143, 155, 107, .45);--border-accent-solid: #8f9b6b;--hover-bg: rgba(143, 155, 107, .12);--card-bg-subtle: rgba(255, 255, 255, .4);--card-shadow: 0 8px 24px rgba(60, 60, 40, .18);--card-shadow-hover: 0 14px 36px rgba(143, 155, 107, .35);--glow-shadow: 0 0 22px rgba(143, 155, 107, .45);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--gap: clamp(16px, 2.5vw, 24px);--padding-sm: clamp(20px, 3vw, 24px);--padding-md: clamp(28px, 4vw, 48px);--padding-lg: clamp(32px, 5vw, 48px);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.34, 1.56, .64, 1)}.dark{--nav-bg: linear-gradient(165deg, #141810 0%, #1a2013 100%);--content-bg: linear-gradient(135deg, #181c12 0%, #222816 100%);--body-bg: #12140f;--accent-primary: #a8b58a;--accent-secondary: #c1cf9a;--accent-tertiary: #7c875c;--accent-glow: rgba(168, 181, 138, .35);--text-primary: #e7e9dd;--text-secondary: #a3a88f;--text-muted: #c0c6a2;--text-bright: #f1f3ec;--border-subtle: rgba(255, 255, 255, .05);--border-medium: rgba(168, 181, 138, .35);--border-accent: rgba(168, 181, 138, .45);--border-accent-solid: #a8b58a;--hover-bg: rgba(168, 181, 138, .12);--card-bg-subtle: rgba(26, 30, 24, .85);--card-shadow: 0 8px 24px rgba(0, 0, 0, .6);--card-shadow-hover: 0 14px 36px rgba(168, 181, 138, .35);--glow-shadow: 0 0 22px rgba(168, 181, 138, .45);--radius-sm: 10px;--radius-md: 14px;--radius-lg: 18px;--gap: clamp(16px, 2.5vw, 24px);--padding-sm: clamp(20px, 3vw, 24px);--padding-md: clamp(28px, 4vw, 48px);--padding-lg: clamp(32px, 5vw, 48px);--transition-fast: .2s cubic-bezier(.4, 0, .2, 1);--transition-base: .3s cubic-bezier(.4, 0, .2, 1);--transition-smooth: .5s cubic-bezier(.34, 1.56, .64, 1)}body{color:var(--text-primary);overflow-x:hidden;margin:0}.parent{display:grid;grid-template-columns:repeat(5,1fr);grid-template-rows:repeat(5,1fr);gap:var(--gap);align-items:start;animation:pageLoad .8s cubic-bezier(.34,1.56,.64,1)}@keyframes pageLoad{0%{opacity:0;transform:translateY(30px) scale(.98);filter:blur(5px)}to{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}}.div1,.div3{border-radius:var(--radius-lg);border:1px solid var(--border-medium);box-shadow:var(--card-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-moz-fit-content;height:fit-content;transition:all var(--transition-base);position:relative;overflow:hidden}.div1:before,.div3:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.3}.div2{border-radius:var(--radius-lg);border:2px solid var(--border-accent-solid);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);height:-moz-fit-content;height:fit-content;transition:all var(--transition-base);position:relative;overflow:hidden}.div1{grid-row:span 2;background:var(--nav-bg);padding:var(--padding-sm);display:flex;flex-direction:column;gap:6px;animation:slideInLeft .6s cubic-bezier(.34,1.56,.64,1) .2s backwards;margin-left:10px}@keyframes slideInLeft{0%{opacity:0;transform:translate(-50px) rotate(-2deg)}to{opacity:1;transform:translate(0) rotate(0)}}.div1 h3{margin:0 0 12px;font-size:clamp(1rem,2vw,1.15rem);font-weight:600;color:var(--text-bright);animation:fadeInDown .5s ease .4s backwards}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.nav-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:var(--radius-sm);cursor:pointer;color:var(--text-secondary);transition:all var(--transition-base);position:relative;overflow:hidden}.nav-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0%;background:var(--accent-primary);transition:height var(--transition-base);border-radius:0 3px 3px 0}.nav-item svg{width:22px;height:22px;transition:all var(--transition-base);flex-shrink:0}.nav-item:hover,.nav-item:focus-visible{background:var(--hover-bg);color:var(--text-primary);padding-left:16px;box-shadow:0 4px 12px var(--accent-tertiary)}.nav-item:hover:before{height:60%}.nav-item:hover svg{transform:scale(1.15) rotate(5deg);color:var(--accent-primary)}.nav-item:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}.div2{grid-column:span 3;grid-row:span 4;background:var(--content-bg);padding:var(--padding-lg);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;overflow:visible}.div2:after{content:"";position:absolute;top:-2px;right:-2px;bottom:-2px;left:-2px;border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));opacity:.1;pointer-events:none;z-index:-1}.div2 h1{margin:0;font-size:clamp(1.8rem,4vw,2.5rem);font-weight:600;color:var(--text-secondary);animation:fadeInUp .6s ease .5s backwards;position:relative;line-height:1.2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.div2>p{margin:0;max-width:600px;font-size:clamp(.95rem,2vw,1.05rem);line-height:1.6;color:var(--text-secondary);animation:fadeInUp .6s ease .6s backwards}.highlight{background:linear-gradient(120deg,var(--accent-primary),var(--accent-secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-weight:700;background-size:200% 100%;animation:gradientShift 3s ease infinite;display:inline-block}@keyframes gradientShift{0%,to{background-position:0% 50%}50%{background-position:100% 50%}}.actions{margin-top:clamp(24px,4vw,40px);display:flex;flex-wrap:wrap;gap:clamp(16px,3vw,24px);justify-content:center;width:100%}.action-card{flex:1 1 200px;max-width:260px;min-width:180px;padding:clamp(20px,3vw,32px) clamp(16px,2vw,24px);border-radius:var(--radius-md);border:2px solid var(--border-accent-solid);background:var(--card-bg-subtle);display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all var(--transition-smooth);position:relative;animation:fadeInScale .5s ease backwards;animation-delay:calc(.7s + var(--card-index, 0) * .1s)}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.action-card:nth-child(1){--card-index: 0}.action-card:nth-child(2){--card-index: 1}.action-card:nth-child(3){--card-index: 2}.action-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:var(--radius-md);padding:2px;background:linear-gradient(135deg,var(--accent-primary),var(--accent-secondary));-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity var(--transition-base)}.action-card svg{width:clamp(40px,6vw,48px);height:clamp(40px,6vw,48px);color:var(--accent-primary);transition:all var(--transition-smooth);filter:drop-shadow(0 0 0 transparent)}.action-card h4{margin:0;font-size:clamp(1rem,2vw,1.15rem);font-weight:600;color:var(--text-bright);transition:all var(--transition-base)}a,a:hover,a:focus,a:active{text-decoration:none}.history-link{text-decoration:none}.action-card p{margin:0;font-size:clamp(.85rem,1.5vw,.95rem);color:var(--text-secondary);transition:all var(--transition-base)}.action-card:hover{border-color:var(--accent-primary);background:var(--hover-bg);transform:translateY(-8px) scale(1.03);box-shadow:var(--card-shadow-hover)}.action-card:hover:after{opacity:1}.action-card:hover svg{transform:scale(1.15) rotate(5deg);filter:drop-shadow(0 0 8px var(--accent-glow));color:var(--accent-secondary)}.action-card:hover h4{color:var(--accent-primary);transform:translateY(-2px)}.action-card:hover p{color:var(--text-primary)}.div3{grid-row:span 3;grid-column-start:5;background:var(--content-bg);padding:var(--padding-sm);display:flex;flex-direction:column;gap:8px;animation:slideInRight .6s cubic-bezier(.34,1.56,.64,1) .4s backwards;margin-right:10px}@keyframes slideInRight{0%{opacity:0;transform:translate(50px) rotate(2deg)}to{opacity:1;transform:translate(0) rotate(0)}}.div3 h3{margin:0 0 8px;font-size:clamp(1rem,2vw,1.15rem);font-weight:600;color:var(--text-bright);animation:fadeInDown .5s ease .6s backwards}.content-item{display:flex;align-items:flex-start;gap:10px;padding:8px;border-radius:var(--radius-sm);color:var(--text-secondary);transition:all var(--transition-base);position:relative;cursor:pointer;animation:fadeInRight .4s ease backwards;animation-delay:calc(.7s + var(--item-index, 0) * .05s)}@keyframes fadeInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.content-item:nth-child(2){--item-index: 0}.content-item:nth-child(3){--item-index: 1}.content-item:nth-child(4){--item-index: 2}.content-item:before{content:"";position:absolute;left:0;top:0;width:2px;height:0;background:var(--accent-primary);transition:height var(--transition-base);border-radius:2px}.content-item:hover{background:var(--hover-bg);color:var(--text-primary);padding-left:12px;box-shadow:0 2px 8px var(--accent-glow)}.content-item:hover:before{height:100%}.check{color:var(--accent-primary);font-size:16px;flex-shrink:0;transition:all var(--transition-base);line-height:1.2}.content-item:hover .check{filter:drop-shadow(0 0 4px var(--accent-glow));transform:scale(1.1)}.content-item div{flex:1;min-width:0}.content-item strong{display:block;font-size:.95rem;font-weight:600;color:var(--text-bright);margin-bottom:2px;transition:color var(--transition-base)}.content-item small{display:block;font-size:.85rem;color:var(--text-muted);transition:color var(--transition-base)}.content-item:hover strong{color:var(--accent-primary)}.content-item:hover small{color:var(--text-secondary)}.history-link{margin-top:10px;padding:6px 0;color:var(--accent-primary);text-decoration:none;font-weight:600;font-size:.9rem;position:relative;display:inline-block;transition:all var(--transition-base)}.history-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:linear-gradient(90deg,var(--accent-primary),var(--accent-secondary));transition:width var(--transition-base)}.history-link:hover{color:var(--accent-secondary);transform:translate(4px)}.history-link:hover:after{width:100%}@media(max-width:1300px){.parent{display:flex;flex-direction:column;gap:25px;padding:16px;width:90%;margin:0 auto;box-sizing:border-box}.div2{order:1}.div1{order:2}.div3{order:3}.div1,.div2,.div3{width:100%;max-width:100%;padding:16px;box-sizing:border-box}.actions{flex-direction:column;align-items:stretch;gap:16px;width:100%;margin-top:24px}.action-card{flex:0 0 auto;width:100%;max-width:100%;min-width:auto;box-sizing:border-box;margin:0;padding:24px 20px}.action-card svg{width:40px;height:40px}.action-card h4{font-size:1.1rem}.action-card p{font-size:.9rem}}