*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:linear-gradient(#080a0cb8,#080a0cd6),url(/corriendo.jpg) center center / cover fixed no-repeat;background-color:#080a0c;color:#f4f4f5;min-height:100vh}button,input,textarea,select{font:inherit}button{cursor:pointer}a{color:inherit}.app{min-height:100vh}.navbar{position:sticky;top:0;z-index:100;width:100%;background:#111214f0;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.08)}.navbar-content{max-width:1180px;min-height:72px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;gap:20px}.logo{width:190px;height:58px;padding:0;border:0;background:transparent;display:flex;align-items:center;justify-content:flex-start;flex:0 0 auto}.logo img{display:block;width:178px;height:auto;max-height:54px;object-fit:contain}.nav-links{display:flex;gap:8px}.nav-links button{border:0;background:transparent;color:#aaa;padding:10px 13px;border-radius:9px;font-weight:700}.nav-links button:hover{background:#222327;color:#fff}.main-content,.hacking-container,.detail-container{width:min(1180px,calc(100% - 32px));margin:auto}.main-content{padding-bottom:80px}.home-hero{text-align:center;padding:85px 20px 65px}.home-badge,.section-kicker{color:#9da0aa;font-size:13px;font-weight:800;letter-spacing:.13em}.home-hero h1{margin-top:14px;font-size:clamp(44px,7vw,76px);line-height:1;letter-spacing:-3px}.home-hero h1 span{color:#fff}.home-hero p{margin-top:20px;color:#8d9099;font-size:18px}.areas-section{margin-bottom:70px}.areas-header{text-align:center;margin-bottom:25px}.areas-header span{color:#888c97;font-weight:800;letter-spacing:.12em;font-size:13px}.areas-header h2{margin-top:8px;font-size:34px}.areas-header p{margin-top:8px;color:#8d9099}.areas-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.area-card{position:relative;min-height:190px;text-align:left;padding:25px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,#1b1c1f,#151619);color:#fff;transition:.2s ease}.area-card:hover{transform:translateY(-3px);border-color:#fff3;background:#1e2023}.area-icon{font-size:30px;margin-bottom:18px}.area-content h3{font-size:21px}.area-content p{margin-top:9px;max-width:520px;color:#999ca5;line-height:1.55}.area-arrow{position:absolute;right:24px;bottom:20px;color:#aaa;font-size:23px}.confessions-section{margin-top:25px}.section-header,.posts-section-header,.form-card-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.section-header h2,.posts-section-header h2{margin-top:6px;font-size:29px}.secondary-button,.create-post-button,.empty-state button,.comment-submit{border:0;background:#eee;color:#111;border-radius:9px;padding:12px 16px;font-weight:850}.secondary-button:hover,.create-post-button:hover,.empty-state button:hover,.comment-submit:hover{background:#fff}.confessions-list{display:flex;flex-direction:column;gap:14px}.confession-card-new{overflow:hidden;background:linear-gradient(135deg,#1b1c1f,#17181a);border:1px solid rgba(255,255,255,.08);border-radius:14px}.confession-top{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}.confession-age{display:flex;align-items:baseline;gap:5px}.confession-age strong{font-size:19px}.confession-age span,.confession-id{color:#777a83;font-size:13px}.vote-area{margin-left:auto;display:flex;gap:7px}.vote-button,.detail-votes button{border:1px solid rgba(255,255,255,.07);background:#242529;color:#aaa;border-radius:8px;padding:8px 11px}.vote-button:hover,.detail-votes button:hover{background:#303136;color:#fff}.confession-open{display:block;width:100%;border:0;background:transparent;color:inherit;text-align:left;padding:25px 20px}.confession-open:hover{background:#ffffff06}.detail-category{display:inline-block;padding:6px 11px;border-radius:20px;background:#25262a;color:#aaa;font-size:13px;margin-bottom:15px}.confession-open p,.detail-content p{color:#e4e4e7;line-height:1.75;white-space:pre-wrap;word-break:break-word}.confession-footer,.post-card-footer{display:flex;align-items:center;gap:18px;padding:13px 20px;border-top:1px solid rgba(255,255,255,.06);color:#6f727b;font-size:13px}.empty-state{text-align:center;padding:50px 20px;border:1px dashed rgba(255,255,255,.12);border-radius:14px;color:#8b8e98}.empty-state h3{color:#eee;margin:10px 0}.empty-state p{margin-bottom:18px}.empty-icon{font-size:34px}.empty-state.small{padding:25px}.create-page,.detail-page{min-height:100vh;padding:30px 16px 80px}.create-container,.detail-container{max-width:820px}.detail-back,.back-button{border:0;background:transparent;color:#999ca5;padding:8px 0;margin-bottom:25px}.detail-back:hover,.back-button:hover{color:#fff}.create-header{text-align:center;margin-bottom:30px}.create-icon,.hacking-icon{font-size:40px}.create-header h1,.hacking-header h1{margin-top:8px;font-size:clamp(38px,6vw,58px);letter-spacing:-2px}.create-header p,.hacking-header p{margin-top:10px;color:#92959f;font-size:17px}.confession-form,.hacking-form-card{padding:25px;background:#18191c;border:1px solid rgba(255,255,255,.08);border-radius:16px}.form-group,.hack-form-group{margin-bottom:20px}.form-group label,.hack-form-group label{display:block;margin-bottom:8px;color:#ddd;font-weight:800}.form-group input,.form-group textarea,.form-group select,.hack-form-group input,.hack-form-group textarea{width:100%;border:1px solid rgba(255,255,255,.09);background:#111214;color:#eee;border-radius:10px;outline:none;padding:13px 14px}.form-group input:focus,.form-group textarea:focus,.form-group select:focus,.hack-form-group input:focus,.hack-form-group textarea:focus{border-color:#ffffff4d}.form-group textarea,.hack-form-group textarea{min-height:220px;resize:vertical;line-height:1.6}.character-count,.character-counter{margin-top:5px;text-align:right;color:#666a73;font-size:12px}.anonymous-info{padding:14px;margin-bottom:20px;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:#111214;color:#858891;line-height:1.5;font-size:13px}.publish-button,.publish-hacking-button{width:100%;border:0;background:#eee;color:#111;border-radius:9px;padding:14px;font-weight:900}.publish-button:disabled,.publish-hacking-button:disabled{opacity:.55;cursor:not-allowed}.form-error,.form-success{padding:13px;border-radius:9px;margin-bottom:18px}.form-error{background:#29191b;border:1px solid #5a3035;color:#f0a0a7}.form-success{background:#17251b;border:1px solid #315638;color:#a8e3b1}.hacking-page{min-height:100vh;padding:25px 0 80px}.hacking-header{display:flex;align-items:flex-start;gap:20px;margin-bottom:35px}.hacking-header h1{font-size:clamp(42px,6vw,68px)}.create-post-box{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:25px;margin-bottom:30px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#18191c}.create-post-box h2{font-size:25px}.create-post-box p{margin-top:7px;color:#858892}.hacking-form-card{margin-bottom:35px}.close-form-button{border:0;background:#26272b;color:#aaa;border-radius:8px;padding:8px 11px}.close-form-button:hover{color:#fff}.file-upload-box{display:flex;align-items:center;gap:15px;padding:16px;border:1px dashed rgba(255,255,255,.15);border-radius:12px;background:#111214}.file-upload-box input{display:none}.file-select-button{flex-shrink:0;background:#242529;color:#eee;border-radius:8px;padding:10px 13px;cursor:pointer}.file-upload-info{display:flex;flex-direction:column;gap:4px;color:#777a84;font-size:13px}.file-upload-info strong{color:#ddd;overflow-wrap:anywhere}.form-actions{display:flex;gap:10px;margin-top:10px}.cancel-button{flex:1;border:1px solid rgba(255,255,255,.1);background:#242529;color:#ddd;border-radius:9px;padding:13px}.publish-hacking-button{flex:2}.posts-count{min-width:38px;text-align:center;padding:9px 12px;border-radius:20px;background:#242529;color:#bbb}.hacking-posts-list{display:flex;flex-direction:column;gap:15px}.hacking-post-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#18191c}.post-card-top{display:flex;justify-content:space-between;gap:15px;padding:15px 20px;border-bottom:1px solid rgba(255,255,255,.06);color:#6f727b;font-size:13px}.post-category{color:#aaa;font-weight:800}.post-card-content{padding:25px 20px}.post-card-content h3{font-size:25px}.post-card-content p{margin-top:12px;color:#d2d3d7;white-space:pre-wrap;line-height:1.7}.post-link{display:inline-block;margin-top:16px;color:#c5c7ce}.attached-file{margin-top:20px}.post-image-wrapper{overflow:hidden;border-radius:12px;border:1px solid rgba(255,255,255,.08)}.post-image{display:block;width:100%;max-height:650px;object-fit:contain;background:#0d0e10}.file-card{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111214}.file-icon{font-size:28px}.file-details{display:flex;flex:1;flex-direction:column;gap:3px;min-width:0}.file-details strong{overflow-wrap:anywhere}.file-details span{color:#777a83;font-size:12px}.download-button{flex-shrink:0;border-radius:8px;background:#eee;color:#111;padding:9px 11px;font-weight:800}.detail-card{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:linear-gradient(135deg,#1b1c1f,#17181a)}.detail-top{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;border-bottom:1px solid rgba(255,255,255,.06)}.detail-info{display:flex;align-items:center;gap:18px}.detail-age{display:flex;gap:5px;align-items:baseline}.detail-age strong{font-size:23px}.detail-age span,.detail-id{color:#777a83;font-size:13px}.detail-votes{display:flex;gap:8px}.detail-content{padding:30px 25px}.detail-content p{font-size:19px}.detail-date{padding:14px 25px;border-top:1px solid rgba(255,255,255,.06);color:#6f727b;font-size:12px}.detail-comments{margin-top:35px}.comments-header{margin-bottom:17px}.comments-header h2{font-size:28px}.comments-header p{margin-top:5px;color:#777a83}.detail-comment-form{padding:16px;margin-bottom:20px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#18191c}.detail-comment-form textarea{width:100%;min-height:120px;resize:vertical;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#111214;color:#eee;padding:13px;outline:none}.detail-comment-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:10px;color:#666a73;font-size:12px}.comments-list{display:flex;flex-direction:column;gap:10px}.comment-card{padding:16px;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#18191c}.comment-author{color:#aaa;font-weight:800;font-size:13px}.comment-card p{margin-top:9px;line-height:1.6;white-space:pre-wrap}.comment-card span{display:block;margin-top:9px;color:#666a73;font-size:11px}.popular-header{text-align:center;padding:70px 0 45px}.popular-header h1{margin-top:8px;font-size:clamp(42px,6vw,62px)}.popular-header p{margin-top:10px;color:#858892}@media(max-width:760px){.navbar-content{padding:0 14px}.logo{font-size:20px}.nav-links{gap:3px}.nav-links button{padding:8px;font-size:12px}.areas-grid{grid-template-columns:1fr}.section-header,.posts-section-header,.create-post-box,.hacking-header{align-items:flex-start;flex-direction:column}.hacking-header h1{font-size:43px}.file-upload-box,.detail-top{align-items:flex-start;flex-direction:column}.vote-area{margin-left:0}.form-actions{flex-direction:column}}@media(max-width:760px){.navbar-content{flex-direction:column;align-items:flex-start;gap:12px}.nav-links{width:100%;overflow-x:auto;padding-bottom:4px}.nav-links button{white-space:nowrap}.create-post-box,.hacking-header,.form-card-header{align-items:flex-start}.create-post-box{flex-direction:column}.create-post-button{width:100%}.file-upload-box{flex-direction:column;align-items:stretch}.file-select-button{text-align:center}.form-actions{flex-direction:column}.cancel-button,.publish-hacking-button{width:100%}.post-card-top{flex-direction:column}.file-card{flex-wrap:wrap}.download-button{width:100%;text-align:center}}.confessions-page{min-height:100vh;padding-top:30px}.confessions-page-header{max-width:820px;margin:10px auto 45px;text-align:center}.confessions-page-header h1{margin-top:8px;font-size:clamp(42px,7vw,68px);letter-spacing:-2px}.confessions-page-header p{max-width:650px;margin:12px auto 22px;color:#92959f;font-size:17px;line-height:1.6}.confessions-page-header .secondary-button{display:inline-block}.home-only-page{min-height:calc(100vh - 76px)}.home-create-callout{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px;padding:24px 26px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#18191c}.home-create-callout h2{margin-top:6px;font-size:24px}.home-create-callout p{margin-top:6px;color:#858892}@media(max-width:700px){.navbar-content{height:auto;min-height:76px;flex-direction:column;justify-content:center;gap:8px;padding:12px 14px}.nav-links{width:100%;justify-content:center;flex-wrap:wrap}.nav-links>button:not(.confess-button){padding:8px 9px;font-size:13px}.areas-grid{grid-template-columns:1fr}.create-post-box,.home-create-callout{flex-direction:column;align-items:stretch}.confession-top{flex-wrap:wrap}.vote-area{width:100%;margin-left:0}.vote-button{flex:1}.file-upload-box{align-items:flex-start;flex-direction:column}}.nav-links{flex-wrap:wrap;justify-content:flex-end}.area-dinero,.area-pdf{cursor:pointer}@media(max-width:900px){.navbar-content{align-items:flex-start;flex-direction:column;padding-top:14px;padding-bottom:14px}.nav-links{width:100%;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:2px}.nav-links button{flex:0 0 auto}}@media(max-width:680px){.areas-grid{grid-template-columns:1fr}.home-hero h1{letter-spacing:-2px}.create-post-box,.hacking-header{flex-direction:column}.file-upload-box,.form-actions{flex-direction:column;align-items:stretch}.file-select-button,.download-button{text-align:center}}.ui-icon{display:inline-block;flex:0 0 auto;vertical-align:middle}.nav-links button,.secondary-button,.vote-button,.detail-back,.comment-submit,.create-post-button,.publish-hacking-button,.file-select-button,.download-button,.back-button{display:inline-flex;align-items:center;justify-content:center;gap:8px}.post-card-clickable{cursor:pointer}.post-card-clickable:focus-visible{outline:2px solid rgba(255,255,255,.55);outline-offset:3px}.post-card-title-only,.confession-title-only{min-height:150px;display:flex;flex-direction:column;justify-content:center}.post-card-title-only h3,.confession-title-only h3{margin-top:8px;font-size:clamp(20px,2.2vw,28px);line-height:1.2;color:#f4f4f5}.post-open-hint{display:inline-flex;align-items:center;gap:7px;margin-top:18px;color:#8f929b;font-size:13px;font-weight:750}.post-card-clickable:hover .post-open-hint{color:#fff}.post-category-icon{display:inline-flex;align-items:center;margin-right:6px}.post-card-footer span,.detail-date,.comment-author{display:inline-flex;align-items:center;gap:7px}.detail-area-icon{width:42px;height:42px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:11px;background:#202125;color:#e7e7ea}.post-detail-content h1{margin:4px 0 22px;color:#fff;font-size:clamp(28px,4vw,42px);line-height:1.1}.detail-link{display:inline-flex;align-items:center;gap:8px;margin-top:24px;color:#ddd;font-weight:750}.detail-attachment{margin-top:28px}.detail-image-wrapper{overflow:hidden;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#0b0c0e}.detail-image{display:block;width:100%;max-height:900px;object-fit:contain}.detail-file-card{display:flex;align-items:center;gap:14px;padding:16px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:#101113}.detail-file-icon{width:48px;height:48px;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:11px;background:#202125;color:#ddd}.comments-count{min-width:36px;height:36px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.08);border-radius:50%;background:#1b1c1f;color:#c5c7cc;font-size:13px;font-weight:800}@media(max-width:700px){.post-card-title-only,.confession-title-only{min-height:130px}.detail-file-card{flex-wrap:wrap}.detail-file-card .download-button{width:100%}}.nav-account{margin-left:auto;flex:0 0 auto}.nav-account-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:42px;padding:0 15px;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:#ffffff0f;color:#f4f4f5;font-size:14px;font-weight:800;transition:background .2s ease,border-color .2s ease,transform .2s ease}.nav-account-button:hover{background:#ffffff1c;border-color:#ffffff38;transform:translateY(-1px)}.nav-account-button.logged{background:#ffffff1a}.auth-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:24px;background:#030507c7;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:authOverlayIn .18s ease-out}.auth-modal{position:relative;width:min(480px,100%);max-height:min(760px,calc(100vh - 48px));overflow-y:auto;padding:34px;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:radial-gradient(circle at 50% 0%,rgba(255,255,255,.07),transparent 35%),linear-gradient(145deg,#1b1d21,#111315 72%);color:#f5f5f5;box-shadow:0 40px 120px #000000a6,inset 0 1px #ffffff0a;animation:authModalIn .2s ease-out}.auth-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.08);border-radius:10px;background:#ffffff0d;color:#aeb0b6}.auth-close:hover{background:#ffffff1a;color:#fff}.auth-header{text-align:center;margin-bottom:22px;padding:0 18px}.auth-icon{width:62px;height:62px;display:grid;place-items:center;margin:0 auto 14px;border:1px solid rgba(255,255,255,.1);border-radius:18px;background:#ffffff0f;color:#fff}.auth-icon-success{background:#ffffff17}.auth-header .section-kicker{display:block;margin-bottom:7px}.auth-header h2{margin:0;color:#fff;font-size:30px;letter-spacing:-1px}.auth-header p{margin:9px auto 0;max-width:390px;color:#858992;font-size:14px;line-height:1.6}.auth-tabs{display:grid;grid-template-columns:1fr 1fr;gap:5px;padding:5px;margin-bottom:20px;border:1px solid rgba(255,255,255,.07);border-radius:13px;background:#0003}.auth-tabs button{min-height:42px;border:0;border-radius:9px;background:transparent;color:#858992;font-size:13px;font-weight:850}.auth-tabs button:hover{color:#fff}.auth-tabs button.active{background:#eeeeef;color:#101113;box-shadow:0 5px 18px #0000002e}.auth-form{display:flex;flex-direction:column;gap:13px}.auth-field{display:flex;flex-direction:column;gap:7px}.auth-field label{color:#d8d9dc;font-size:13px;font-weight:800}.auth-input-wrap{position:relative;display:flex;align-items:center}.auth-input-wrap>.ui-icon{position:absolute;left:14px;color:#666a73;pointer-events:none}.auth-input-wrap input{width:100%;min-height:50px;padding:0 14px 0 43px;border:1px solid rgba(255,255,255,.09);border-radius:12px;outline:none;background:#0d0f11;color:#fff;font-size:14px;transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}.auth-input-wrap input::placeholder{color:#555960}.auth-input-wrap input:focus{border-color:#ffffff47;background:#101215;box-shadow:0 0 0 3px #ffffff09}.auth-submit{width:100%;min-height:50px;margin-top:5px;border:0;border-radius:12px;background:#eeeeef;color:#101113;font-size:14px;font-weight:900;transition:transform .2s ease,background .2s ease}.auth-submit:hover:not(:disabled){background:#fff;transform:translateY(-1px)}.auth-submit:disabled{opacity:.55;cursor:wait}.auth-note{display:block;margin-top:17px;color:#5f626a;text-align:center;font-size:11px;line-height:1.55}.auth-user-card{display:flex;align-items:center;gap:13px;padding:15px;margin:4px 0 16px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:#ffffff09}.auth-user-avatar{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#ffffff14}.auth-user-card div:last-child{display:flex;flex-direction:column;gap:3px}.auth-user-card span{color:#73767e;font-size:11px}.auth-user-card strong{color:#fff;font-size:15px}.auth-logout{width:100%;min-height:48px;border:1px solid rgba(255,90,90,.2);border-radius:12px;background:#78191929;color:#ff9b9b;font-weight:850}.auth-logout:hover{background:#961e1e3b}.auth-error-bottom{margin-top:15px;margin-bottom:0}@keyframes authOverlayIn{0%{opacity:0}to{opacity:1}}@keyframes authModalIn{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:900px){.nav-account-button{min-height:40px;padding:0 13px}}@media(max-width:680px){.nav-account,.nav-account-button{width:100%}.auth-overlay{padding:14px;align-items:center}.auth-modal{width:100%;padding:27px 20px 22px;border-radius:20px;max-height:calc(100vh - 28px)}.auth-header h2{font-size:27px}.auth-header{padding:0 10px}}