@charset "UTF-8";:root{--bg: #F5F0EB;--panel: #FFFFFF;--panel2: #F0EDE8;--border: #1E1E1E;--text: #1E1E1E;--text-2: #555555;--text-3: #888888;--orange: #E8732A;--green: #4CAF79;--yellow: #F5C842;--purple-bg: #C27CF5;--f-purple: #A259FF;--f-orange: #F24E1E;--f-green: #0ACF83;--f-blue: #1ABCFE;--f-pink: #FF7262}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;background-color:var(--bg);background-image:radial-gradient(circle,rgba(0,0,0,.11) 1px,transparent 1px);background-size:20px 20px;color:var(--text);min-height:100vh;line-height:1.5;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='48'%3E%3Cpath d='M2,2 L2,26 L9,20 L13,31 L17,29.5 L13,19 L21,19 Z' fill='%23A259FF' stroke='white' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'/%3E%3Crect x='5' y='29' width='94' height='18' rx='5' fill='%23A259FF'/%3E%3Ctext x='52' y='42' text-anchor='middle' fill='white' font-size='11' font-family='Arial,sans-serif' font-weight='bold'%3EDiplo UX 2026%3C/text%3E%3C/svg%3E") 2 2,default}a,button,[role=button],.block-header,.channel-card,.link-card,summary{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='48'%3E%3Cpath d='M2,2 L2,26 L9,20 L13,31 L17,29.5 L13,19 L21,19 Z' fill='%23F24E1E' stroke='white' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'/%3E%3Crect x='5' y='29' width='94' height='18' rx='5' fill='%23F24E1E'/%3E%3Ctext x='52' y='42' text-anchor='middle' fill='white' font-size='11' font-family='Arial,sans-serif' font-weight='bold'%3EDiplo UX 2026%3C/text%3E%3C/svg%3E") 2 2,pointer}.navbar{background:var(--purple-bg);border-bottom:2.5px solid var(--border);position:sticky;top:0;z-index:100}.navbar-inner{max-width:none;padding:0 32px;display:flex;align-items:center;justify-content:space-between;height:52px}.navbar-brand{display:flex;align-items:center;gap:9px;text-decoration:none}.navbar-brand .figma-logo{width:16px;height:24px;flex-shrink:0}.navbar-brand .brand-text{font-size:13px;font-weight:600;color:#ffffffd9}.navbar-brand .brand-text strong{color:#fff;font-weight:800}.navbar-brand .brand-sep{color:#fff6;margin:0 5px}.navbar-tabs{display:flex;align-items:stretch;height:100%;gap:2px}.nav-tab{display:flex;align-items:center;padding:0 18px;font-size:13px;font-weight:700;color:#ffffffb3;text-decoration:none;border-bottom:3px solid transparent;transition:color .15s,border-color .15s;cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='116' height='48'%3E%3Cpath d='M2,2 L2,26 L9,20 L13,31 L17,29.5 L13,19 L21,19 Z' fill='%23F24E1E' stroke='white' stroke-width='2' stroke-linejoin='round' stroke-linecap='round'/%3E%3Crect x='5' y='29' width='94' height='18' rx='5' fill='%23F24E1E'/%3E%3Ctext x='52' y='42' text-anchor='middle' fill='white' font-size='11' font-family='Arial,sans-serif' font-weight='bold'%3EDiplo UX 2026%3C/text%3E%3C/svg%3E") 2 2,pointer}.nav-tab:hover{color:#fff}.nav-tab.active{color:#fff;border-bottom-color:#fff}.container{max-width:860px;margin:0 auto;padding:40px 24px 80px}.header{background:var(--panel);border-bottom:2.5px solid var(--border);margin-bottom:40px;padding:72px 0 64px}.header-inner{max-width:860px;margin:0 auto;padding:0 24px}.header-brand{display:flex;align-items:center;gap:10px;margin-bottom:20px}.figma-logo{width:20px;height:30px;flex-shrink:0}.brand-text{font-size:13px;font-weight:600;color:var(--text-2)}.brand-text strong{color:var(--text);font-weight:800}.brand-sep{color:var(--text-3);margin:0 6px}.header-body{padding:0}.header h1{font-size:52px;font-weight:900;letter-spacing:normal;line-height:1;color:var(--text);margin-bottom:14px}.header h1 em{font-style:normal;color:var(--f-purple)}.header-sub{color:var(--text-2);font-size:15px;max-width:440px;line-height:1.65;margin-bottom:24px}.header-pills{display:flex;gap:8px;flex-wrap:wrap}.pill{font-size:11px;font-weight:700;padding:5px 14px;border-radius:100px;background:var(--panel2);border:2px solid var(--border);color:var(--text);letter-spacing:.03em}.pill-accent{background:var(--f-blue);border-color:var(--border);color:#fff}.color-strip{display:flex;gap:7px;align-items:center;margin-top:20px}.color-swatch{width:9px;height:9px;border-radius:50%;border:1.5px solid rgba(0,0,0,.2)}.color-strip-label{font-size:10px;font-weight:700;color:var(--text-3);letter-spacing:.1em;text-transform:uppercase;margin-left:2px}#page-blog{display:none}.blog-wrap{max-width:860px;margin:0 auto;padding:48px 24px 80px}.blog-eyebrow{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:6px}.blog-heading{font-size:32px;font-weight:900;line-height:1.1;margin-bottom:8px}.blog-intro{font-size:14px;color:var(--text-2);margin-bottom:40px;max-width:480px}.blog-featured,.blog-card{text-decoration:none;color:inherit}.blog-featured{background:var(--panel);border:2.5px solid var(--border);border-radius:14px;padding:36px 40px;margin-bottom:16px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:start;transition:transform .15s,box-shadow .15s}.blog-featured:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border)}.blog-featured-badge{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;background:var(--f-purple);color:#fff;border-radius:100px;padding:4px 12px;margin-bottom:14px}.blog-featured-title{font-size:24px;font-weight:900;line-height:1.2;color:var(--text);margin-bottom:10px}.blog-featured-desc{font-size:14px;color:var(--text-2);line-height:1.65;max-width:520px;margin-bottom:18px}.blog-meta{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--text-3);font-weight:600}.blog-meta-dot{width:3px;height:3px;border-radius:50%;background:var(--text-3)}.blog-featured-number{font-size:80px;font-weight:900;line-height:1;color:var(--f-purple);opacity:.12;font-variant-numeric:tabular-nums;align-self:center}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:12px}.blog-card{background:var(--panel);border:2.5px solid var(--border);border-radius:12px;padding:22px 22px 20px;display:flex;flex-direction:column;gap:10px;transition:transform .15s,box-shadow .15s}.blog-card:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--border)}.blog-tag{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;padding:3px 10px;border-radius:100px;border:1.5px solid var(--border)}.tag-ux{background:#fff0e8;color:var(--f-orange)}.tag-ia{background:#e8f8ff;color:#0084b4}.tag-visual{background:#f3e8ff;color:var(--f-purple)}.tag-nielsen{background:var(--f-purple);color:#fff;border-color:var(--f-purple)}.tag-motion{background:#e8fff5;color:#007a45}.tag-accesib{background:#fff8e0;color:#8a6000}.tag-tipog{background:#f5f5f5;color:#444}.blog-card-title{font-size:15px;font-weight:800;line-height:1.3;color:var(--text)}.blog-card-desc{font-size:12.5px;color:var(--text-2);line-height:1.6;flex:1}.blog-card-meta{font-size:11px;color:var(--text-3);font-weight:600}.section-label{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:10px;display:flex;align-items:center;gap:7px}.section-label:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--orange);border:1.5px solid var(--border)}.practicas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.practica-card{background:var(--panel);border:1.5px solid rgba(30,30,30,.12);border-radius:10px;padding:20px 20px 18px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;transition:border-color .15s,box-shadow .15s}.practica-card:hover{border-color:#1e1e1e4d;box-shadow:0 2px 8px #0000000f}.practica-watermark{position:absolute;top:-4px;right:12px;font-size:72px;font-weight:900;line-height:1;color:var(--card-accent, var(--f-purple));opacity:.05;pointer-events:none;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none}.practica-icon{font-size:26px;line-height:1}.practica-number{font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--card-accent, var(--f-purple));flex-shrink:0}.practica-header{display:flex;align-items:center;gap:8px}.practica-title{font-size:16px;font-weight:900;color:var(--text);line-height:1.2}.practica-desc{font-size:13px;color:var(--text-2);line-height:1.65;flex:1}.practica-rule{display:inline-flex;align-items:center;font-size:11px;font-weight:700;background:var(--panel2);border:1.5px solid var(--border);border-radius:8px;padding:5px 10px;color:var(--text);font-family:Courier New,monospace;align-self:flex-start}.challenge{margin-top:16px;border:2px dashed var(--f-orange);border-radius:12px;padding:20px 22px;background:#fff8f5;display:flex;gap:16px;align-items:flex-start}.challenge-icon{font-size:22px;line-height:1;flex-shrink:0;margin-top:1px}.challenge-body{flex:1}.challenge-label{font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--f-orange);margin-bottom:4px}.challenge-title{font-size:14px;font-weight:800;color:var(--text);margin-bottom:6px}.challenge-desc{font-size:12.5px;color:var(--text-2);line-height:1.6;margin-bottom:12px}.challenge-link{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;color:var(--f-orange);text-decoration:none;border:1.5px solid var(--f-orange);border-radius:100px;padding:4px 12px;transition:background .15s,color .15s}.challenge-link:hover{background:var(--f-orange);color:#fff}.channels-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px;margin-bottom:36px}.channel-card{background:var(--panel);border:2.5px solid var(--border);border-radius:12px;display:flex;flex-direction:column;align-items:center;text-align:center;text-decoration:none;padding:14px 8px 12px;gap:8px;transition:transform .15s,box-shadow .15s}.channel-card:hover{transform:translate(-2px,-2px);box-shadow:3px 3px 0 var(--border)}.channel-sticker{display:flex;align-items:center;justify-content:center}.channel-sticker img{height:56px;width:auto;max-width:100%;object-fit:contain}.channel-info{display:flex;flex-direction:column;gap:3px}.channel-name{font-size:13px;font-weight:800;color:var(--text)}.channel-meta{font-size:11px;color:var(--text-3);font-weight:500}.widgets-row{margin-bottom:40px}.widget{background:var(--panel);border:2px solid rgba(30,30,30,.12);border-radius:12px;padding:18px 20px 20px}.widget-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.widget-name{font-size:13px;font-weight:800;color:var(--text)}.os-toggle{display:flex;border:2px solid var(--border);border-radius:8px;overflow:hidden}.os-btn{padding:5px 14px;font-size:11px;font-weight:700;background:transparent;border:none;cursor:pointer;color:var(--text-2);transition:background .12s,color .12s;font-family:inherit}.os-btn.active{background:var(--border);color:#fff}.kbi-list{display:grid;grid-template-columns:repeat(6,1fr);gap:20px 28px;margin-top:24px;padding-top:20px;border-top:1.5px solid rgba(30,30,30,.08)}.kbi-group-title{display:flex;align-items:center;gap:6px;font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);margin-bottom:3px}.kbi-item{display:flex;align-items:center;gap:8px;padding:5px 8px;border-radius:6px;cursor:pointer;border:1.5px solid transparent;transition:background .1s,border-color .1s}.kbi-item:hover{background:var(--panel2)}.kbi-item.active{background:var(--kbi-color);border-color:var(--kbi-color)}.kbi-item.active .kbi-label{color:var(--kbi-text, #fff)}.kbi-item.active .kbi-chip{background:#fff3;color:var(--kbi-text, #fff);border-color:transparent}.kbi-combo{display:flex;gap:2px;align-items:center;flex-shrink:0}.kbi-chip{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;background:var(--panel2);border:1px solid rgba(30,30,30,.15);color:var(--text);font-family:SF Mono,ui-monospace,monospace;white-space:nowrap}.kbi-label{font-size:11px;font-weight:600;color:var(--text-2);flex:1}.kbi-keyboard{width:720px;margin:0 auto}.kb{display:flex;flex-direction:column;gap:5px;background:#dedad4;border-radius:10px;padding:14px}.kb-row{display:flex;gap:5px}.kb-key{flex:1;height:40px;border-radius:6px;background:var(--panel);border:1px solid rgba(30,30,30,.1);box-shadow:0 2.5px #1e1e1e24;font-size:11px;font-weight:600;color:var(--text-3);display:flex;align-items:center;justify-content:center;white-space:nowrap;-webkit-user-select:none;user-select:none;transition:background .15s,color .15s,opacity .15s,box-shadow .15s}.kb-key.w1{flex:1}.kb-key.w15{flex:1.5}.kb-key.w175{flex:1.75}.kb-key.w2{flex:2}.kb-key.w225{flex:2.25}.kb-key.w275{flex:2.75}.kb-key.w625{flex:6.25}.kb-key.kb-active{background:var(--kb-color, #A259FF);color:var(--kb-text, #fff);border-color:transparent;box-shadow:0 2px 6px #0000002e}.kb-key.kb-dimmed{opacity:.18}.kb-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px}.kb-legend-item{display:flex;align-items:center;gap:5px;font-size:10px;font-weight:600;color:var(--text-2)}.kb-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.section-header{margin-bottom:12px}.section-title{font-size:22px;font-weight:900;letter-spacing:normal;color:var(--text);margin-bottom:4px}.section-desc{font-size:13px;color:var(--text-2)}.block{margin-bottom:8px;background:var(--panel);border:2.5px solid var(--border);border-radius:10px;overflow:hidden;transition:transform .12s,box-shadow .12s}.block:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--border)}.block-header{display:flex;align-items:center;gap:0;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none}.block-bar{width:5px;align-self:stretch;flex-shrink:0}.block-bar.n0{background:var(--f-purple)}.block-bar.n1{background:var(--f-orange)}.block-bar.n2{background:var(--f-green)}.block-bar.n3{background:var(--f-blue)}.block-bar.n4{background:var(--f-pink)}.block-header-inner{display:flex;align-items:center;gap:10px;padding:14px 16px;flex:1}.block-badge{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:4px 10px;border-radius:100px;border:2px solid var(--border);flex-shrink:0;color:#fff}.block-badge.n0{background:var(--f-purple)}.block-badge.n1{background:var(--f-orange)}.block-badge.n2{background:var(--f-green)}.block-badge.n3{background:var(--f-blue)}.block-badge.n4{background:var(--f-pink)}.block-title{font-size:15px;font-weight:700;color:var(--text)}.block-count{font-size:11px;color:var(--text-3);font-weight:600}.block-chevron{margin-left:auto;color:var(--text);font-size:12px;transition:transform .2s ease;flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:6px;background:var(--panel2);border:2px solid var(--border)}.block-header:hover .block-chevron{background:var(--border);color:#fff}.block.collapsed .block-chevron{transform:rotate(-90deg)}.block-meta{font-size:12px;color:var(--text-2);padding:0 16px 12px 29px;line-height:1.5}.block-body{overflow:hidden;transition:max-height .3s ease,opacity .2s ease;max-height:2000px;opacity:1}.block.collapsed .block-body{max-height:0;opacity:0}.block-body-inner{padding:0 14px 14px;border-top:2px solid var(--border)}.links-grid{display:flex;flex-direction:column;gap:6px;margin-top:12px}.link-card{background:var(--panel2);border:2px solid var(--border);border-radius:8px;padding:11px 13px;display:flex;align-items:flex-start;gap:12px;text-decoration:none;transition:transform .12s,box-shadow .12s}.link-card{position:relative}.link-card:hover{transform:translate(-1px,-1px);box-shadow:2px 2px 0 var(--border)}.link-thumb{width:88px;height:50px;border-radius:5px;object-fit:cover;background:var(--panel2);flex-shrink:0;border:2px solid var(--border)}.link-icon{width:36px;height:36px;border-radius:7px;background:var(--panel);border:2px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;margin-top:1px}.link-body{flex:1;min-width:0}.link-title{font-size:13px;font-weight:700;color:var(--text);margin-bottom:3px;line-height:1.35}.link-sub{font-size:11px;color:var(--text-2);line-height:1.4;margin-bottom:7px}.link-tags{display:flex;flex-wrap:wrap;gap:5px}.tag{font-size:10px;font-weight:700;padding:2px 8px;border-radius:100px;background:var(--panel);border:2px solid var(--border);color:var(--text)}.tag-video{background:var(--f-orange);color:#fff;border-color:var(--border)}.tag-playlist{background:var(--f-pink);color:#fff;border-color:var(--border)}.tag-article{background:var(--f-blue);color:#fff;border-color:var(--border)}.tag-dur{background:var(--panel2);color:var(--text-3)}footer{margin-top:56px;padding-top:20px;border-top:2.5px solid var(--border);font-size:12px;color:var(--text-2);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px;font-weight:500}.footer-brand{display:flex;align-items:center;gap:8px}.footer-colors{display:flex;gap:5px}.footer-dot{width:8px;height:8px;border-radius:50%;border:1.5px solid var(--border)}@media(max-width:1100px){.channels-grid{grid-template-columns:repeat(3,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.kbi-list{grid-template-columns:repeat(3,1fr);gap:18px 18px}.kbi-keyboard{width:100%;max-width:720px}}@media(max-width:768px){.container,.blog-wrap,.header-inner{padding-left:16px;padding-right:16px}.container,.blog-wrap{padding-top:28px;padding-bottom:56px}.header{padding:40px 0 36px;margin-bottom:24px}.header h1{font-size:38px;line-height:.98;margin-bottom:12px}.header-sub{font-size:14px;max-width:100%}.navbar-inner{height:auto;min-height:52px;padding:10px 16px;flex-wrap:wrap;gap:10px;align-items:flex-start}.navbar-brand{width:100%}.navbar-tabs{width:100%;overflow-x:auto;overflow-y:hidden;gap:0;padding-bottom:2px;scrollbar-width:none}.navbar-tabs::-webkit-scrollbar{display:none}.nav-tab{flex:0 0 auto;white-space:nowrap;padding:0 14px;min-height:40px}.blog-featured{grid-template-columns:1fr;padding:24px 22px;gap:14px}.blog-featured-number{display:none}.blog-featured-title{font-size:20px}.blog-grid,.practicas-grid{grid-template-columns:1fr}.channels-grid{grid-template-columns:repeat(2,1fr);gap:10px}.channel-card{padding:12px 8px 10px}.channel-sticker img{height:48px}.widget{padding:16px}.widget-header{flex-direction:column;align-items:stretch;gap:10px}.os-toggle{width:100%}.os-btn{flex:1}.kbi-list{grid-template-columns:repeat(2,1fr);gap:14px 14px}.kbi-keyboard{width:720px;min-width:720px;margin:0}#page-widget .widget{overflow-x:auto;-webkit-overflow-scrolling:touch}.section-title{font-size:20px}.section-desc{font-size:12.5px}.challenge{flex-direction:column;padding:16px}.block-header-inner{flex-wrap:wrap;row-gap:8px;padding:12px 14px}.block-title{font-size:14px}.block-count{width:100%;padding-left:44px}.block-meta{padding:0 14px 12px 24px}.block-body-inner{padding:0 12px 12px}.link-card{padding:12px;gap:10px}.link-thumb{width:84px;height:48px}footer{margin-top:40px;padding-top:16px;flex-direction:column;align-items:flex-start}}@media(max-width:560px){body{background-size:18px 18px}.header{padding:32px 0 30px}.header h1{font-size:31px}.brand-text,.navbar-brand .brand-text{font-size:12px}.header-pills{gap:6px}.pill{font-size:10px;padding:5px 10px}.blog-heading{font-size:26px}.blog-intro{margin-bottom:24px}.blog-card,.blog-featured{border-radius:10px}.channels-grid{grid-template-columns:1fr 1fr}.channel-name{font-size:12px}.channel-meta{font-size:10px}.kbi-list{grid-template-columns:1fr}.kbi-item{padding:8px 10px}.kbi-label{font-size:12px}.block{border-width:2px}.block-bar{width:4px}.block-badge{font-size:9px;padding:3px 8px}.block-title{font-size:13px}.block-count{padding-left:0}.link-card{flex-direction:column;align-items:stretch}.link-thumb{width:100%;height:auto;aspect-ratio:16/9}.link-icon{width:40px;height:40px}.link-title{font-size:13px}.link-sub{font-size:11px}.challenge-title{font-size:13px}.challenge-desc{font-size:12px}}@media(max-width:400px){.container,.blog-wrap,.header-inner{padding-left:12px;padding-right:12px}.header h1{font-size:28px}.nav-tab{padding:0 12px;font-size:12px}.channels-grid{gap:8px}.channel-card{border-width:2px}.section-title{font-size:18px}}.page-eyebrow{margin-bottom:10px;color:var(--text-3);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pill-green{background:var(--f-green);color:#fff}.pill-orange{background:var(--f-orange);color:#fff}#page-practicas .header,#page-challenges .header,#page-widget .header{margin-bottom:0}#page-practicas .blog-wrap,#page-challenges .blog-wrap{padding-top:40px}.widget-container{max-width:1140px;padding-top:40px;padding-bottom:80px}.practica-card,.widget{border:2.5px solid var(--border);box-shadow:none;transition:transform .15s ease,box-shadow .15s ease}.practica-card:hover,.widget:hover{border-color:var(--border);transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.challenge{position:relative;overflow:hidden;border:2.5px solid var(--border);background:var(--panel);transition:transform .15s ease,box-shadow .15s ease}.challenge:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--f-orange)}.challenge:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}@media(max-width:768px){#page-practicas .blog-wrap,#page-challenges .blog-wrap,.widget-container{padding-top:28px}}.app-route-content{min-height:calc(100vh - 52px)}.mobile-menu-button{display:none;width:42px;height:42px;padding:9px;border:0;background:transparent}.mobile-menu-button span{display:block;height:2px;margin:5px 0;border-radius:2px;background:#fff;transition:.2s}.mobile-menu-button.active span:nth-child(1){transform:translateY(7px) rotate(45deg)}.mobile-menu-button.active span:nth-child(2){opacity:0}.mobile-menu-button.active span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-navigation{display:none;background:var(--purple-bg);border-top:1px solid rgba(255,255,255,.25);border-bottom:2.5px solid var(--border);padding:8px 16px 16px}.mobile-navigation a{display:flex;align-items:center;min-height:46px;padding:0 12px;border-radius:8px;color:#ffffffc7;font-size:14px;font-weight:700;text-decoration:none}.mobile-navigation a.active{background:#ffffff29;color:#fff}.learning-home-hero{padding:82px 0 72px;background:var(--panel);border-bottom:2.5px solid var(--border)}.learning-home-inner{max-width:860px;margin:auto;padding:0 24px}.learning-home-hero h1{max-width:720px;margin:0;font-size:clamp(48px,7vw,72px);font-weight:900;letter-spacing:-.04em;line-height:.98}.learning-home-hero h1 em{color:var(--f-purple);font-style:normal}.learning-home-hero p{max-width:560px;margin:20px 0 0;color:var(--text-2);font-size:16px;line-height:1.65}.learning-home-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}.primary-action,.secondary-action{display:inline-flex;align-items:center;gap:10px;padding:10px 17px;border:2px solid var(--border);border-radius:100px;font-size:12px;font-weight:800;text-decoration:none;transition:.15s}.primary-action{background:var(--f-purple);color:#fff}.secondary-action{background:#fff;color:var(--text)}.primary-action:hover,.secondary-action:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--border)}.learning-home-grid{padding-top:48px}.learning-home-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:18px}.learning-home-heading h2{font-size:28px;font-weight:900}.learning-home-heading>p{max-width:340px;color:var(--text-2);font-size:13px}.learning-access-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.learning-access-card{position:relative;display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:start;min-height:190px;padding:22px;border:2.5px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;transition:.15s}.learning-access-card.featured{grid-column:1/-1;min-height:170px;background:#f8efff}.learning-access-card:hover{transform:translate(-2px,-2px);box-shadow:4px 4px 0 var(--border)}.learning-card-number{position:absolute;top:14px;right:16px;color:#1e1e1e1f;font-size:42px;font-weight:900}.learning-card-icon{font-size:25px}.learning-card-label{color:var(--f-purple);font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.learning-access-card h3{margin:5px 0 7px;font-size:19px;font-weight:900}.learning-access-card p{max-width:440px;color:var(--text-2);font-size:12.5px;line-height:1.55}.learning-card-arrow{align-self:end;font-size:20px;font-weight:900}@media(max-width:1050px){.desktop-navigation{display:none!important}.mobile-menu-button,.mobile-navigation{display:block}.app-navbar .navbar-inner{height:52px;min-height:52px;flex-wrap:nowrap;padding:0 20px}}@media(max-width:768px){.learning-home-hero{padding:54px 0 48px}.learning-home-hero h1{font-size:44px}.learning-home-heading{display:block}.learning-home-heading>p{margin-top:8px}.learning-access-grid{grid-template-columns:1fr}.learning-access-card.featured{grid-column:auto}.app-navbar .navbar-inner{align-items:center;gap:12px}.mobile-navigation{padding-left:12px;padding-right:12px}}@media(max-width:560px){.learning-home-inner{padding:0 16px}.learning-home-hero h1{font-size:38px}.learning-home-actions a{width:100%;justify-content:center}.learning-home-grid{padding-top:32px}.learning-access-card{min-height:auto;padding:18px}.learning-card-number{font-size:34px}}.skip-link{position:fixed;top:10px;left:12px;z-index:1000;padding:10px 16px;border:2px solid var(--border);border-radius:8px;background:#fff;color:var(--text);font-size:13px;font-weight:800;text-decoration:none;transform:translateY(-160%);transition:transform .2s ease}.skip-link:focus{transform:translateY(0);box-shadow:4px 4px 0 var(--border)}.route-progress{position:absolute;left:0;right:0;bottom:-2.5px;height:3px;overflow:hidden;pointer-events:none}.route-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--f-orange),var(--f-purple),var(--f-blue));transition:width .45s cubic-bezier(.2,.8,.2,1)}.navigation-backdrop{display:none}.app-route-content{min-height:calc(100vh - 52px);outline:none}.learning-sequence{border-top:2.5px solid var(--border);background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.learning-sequence-inner{width:min(1040px,100%);margin:0 auto;padding:28px 24px 36px;display:grid;grid-template-columns:1fr 1fr;gap:16px}.sequence-link{min-width:0;padding:18px 20px;border:2px solid var(--border);border-radius:12px;background:var(--panel);color:var(--text);text-decoration:none;display:flex;flex-direction:column;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.sequence-link:hover{transform:translateY(-3px);box-shadow:4px 5px 0 var(--border)}.sequence-link:focus-visible{outline:3px solid var(--f-blue);outline-offset:3px}.sequence-next{text-align:right}.sequence-direction{margin-bottom:5px;color:var(--f-purple);font-size:10px;font-weight:900;letter-spacing:.09em;text-transform:uppercase}.sequence-link strong{font-size:17px;font-weight:900}.sequence-link small{margin-top:3px;color:var(--text-2);font-size:12px}.app-navbar{view-transition-name:app-navbar}.app-route-content{view-transition-name:route-content}::view-transition-group(root),::view-transition-old(root),::view-transition-new(root),::view-transition-group(app-navbar),::view-transition-old(app-navbar),::view-transition-new(app-navbar){animation:none}::view-transition-group(route-content){animation-duration:.28s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}::view-transition-old(route-content){animation:diplo-content-out .16s ease both}::view-transition-new(route-content){animation:diplo-content-in .28s cubic-bezier(.2,.8,.2,1) both}@keyframes diplo-content-out{to{opacity:.55}}@keyframes diplo-content-in{0%{opacity:0;transform:translateY(6px)}}@media(max-width:1050px){.mobile-navigation{animation:mobile-nav-enter .2s ease-out both;box-shadow:0 14px 24px #1e1e1e2e}.navigation-backdrop{display:block;position:fixed;inset:52px 0 0;z-index:90;border:0;background:#1e1e1e52;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}}@media(max-width:600px){.learning-sequence-inner{padding:20px 16px 28px;grid-template-columns:1fr;gap:10px}.learning-sequence-inner>span:empty{display:none}.sequence-next{text-align:left}.sequence-link{padding:15px 16px}}@keyframes mobile-nav-enter{0%{opacity:0;transform:translateY(-8px)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}