@import"https://fonts.googleapis.com/css2?family=Oxanium:wght@200..800&family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap";a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}html{scroll-behavior:smooth}html,html body{max-width:100vw;overflow-x:hidden;color:#171717;background:#fbf6df;font-family:Poppins,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:10px;height:8px}::-webkit-scrollbar-track{background:rgba(0,0,0,.1);border-radius:4px}::-webkit-scrollbar-thumb{background:#f36337;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#e9410e}.container{max-width:1200px;margin:0 auto}.main-header{width:100%;left:0;right:0;box-sizing:border-box;position:relative;background:transparent;transition:background .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-bottom .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .35s cubic-bezier(.4,0,.2,1);transition:background .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-bottom .35s cubic-bezier(.4,0,.2,1),backdrop-filter .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1);transition:background .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-bottom .35s cubic-bezier(.4,0,.2,1),backdrop-filter .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1),opacity .35s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .35s cubic-bezier(.4,0,.2,1);will-change:transform,opacity,background,box-shadow,border-bottom,backdrop-filter;transition:background .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-bottom .35s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .35s cubic-bezier(.4,0,.2,1);transition:background .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-bottom .35s cubic-bezier(.4,0,.2,1),backdrop-filter .35s cubic-bezier(.4,0,.2,1);transition:background .35s cubic-bezier(.4,0,.2,1),box-shadow .35s cubic-bezier(.4,0,.2,1),border-bottom .35s cubic-bezier(.4,0,.2,1),backdrop-filter .35s cubic-bezier(.4,0,.2,1),-webkit-backdrop-filter .35s cubic-bezier(.4,0,.2,1)}.main-header.is-scrolled{position:fixed;top:0;z-index:100;background:#fbf6df;box-shadow:0 2px 16px rgba(0,0,0,.07);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:hsla(49,78%,93%,.7);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1.5px solid rgba(243,99,55,.13);box-shadow:0 2px 24px 0 rgba(83,43,65,.07);transform:translateY(0);opacity:1}.main-header .main-nav-bar{display:flex;align-items:center;justify-content:space-between;max-width:1200px;margin:0 auto;padding:.5rem 1.5rem;height:64px}.main-header .nav-logo{cursor:pointer;position:relative;width:30px}.main-header .nav-logo svg{transition:transform .25s cubic-bezier(.4,0,.2,1);will-change:transform}.main-header .nav-logo:focus-visible svg,.main-header .nav-logo:hover svg{transform:scale(1.12)}.main-header .nav-logo a{position:absolute;z-index:1;top:0;left:0;width:100%;height:100%;opacity:0}.main-header .nav-links{display:flex;gap:2.5rem;list-style:none}.main-header .nav-link{position:relative;font-weight:600;font-size:1.1rem;color:#171717;text-decoration:none;padding:.5rem .2rem;background:none;border:none;outline:none;cursor:pointer;transition:color .2s}.main-header .nav-link-text{position:relative;z-index:1}.main-header .nav-link:after{content:"";position:absolute;left:50%;bottom:0;width:0;height:2px;background:#f36337;border-radius:2px;transform:translateX(-50%) scaleX(0);transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s;transform-origin:center}.main-header .nav-link.active:after,.main-header .nav-link:hover:after{width:100%;transform:translateX(-50%) scaleX(1)}.main-header .nav-link.active{color:#f36337}.nav-container{width:100%;left:0;right:0}.nav-container .nav-hamburger{display:none;flex-direction:column;justify-content:center;align-items:center;width:44px;height:44px;background:none;border:none;cursor:pointer;z-index:120;position:relative}.nav-container .nav-hamburger .hamburger-bar{width:28px;height:3px;background:#171717;margin:3px 0;border-radius:2px;transition:all .35s cubic-bezier(.4,0,.2,1)}.nav-container .nav-hamburger.open .hamburger-bar:first-child{transform:translateY(6px) rotate(45deg)}.nav-container .nav-hamburger.open .hamburger-bar:nth-child(2){opacity:0}.nav-container .nav-hamburger.open .hamburger-bar:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.nav-container .nav-drawer,.nav-container .nav-overlay{display:none}@media(max-width:768px){.main-header .nav-links{display:none}.main-header .nav-hamburger{display:flex}.nav-container .nav-overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;background:hsla(0,0%,9%,.8);opacity:0;pointer-events:none;transition:opacity .3s;z-index:99998}.nav-container .nav-overlay.open{opacity:1;pointer-events:auto}.nav-container .nav-drawer{display:flex;flex-direction:column;position:fixed;top:0;right:0;width:80vw;max-width:340px;height:100vh;background:#fbf6df;box-shadow:-4px 0 32px rgba(0,0,0,.12);transform:translateX(1000%);transition:transform .35s cubic-bezier(.4,0,.2,1);z-index:99999;padding:2.5rem 1.5rem 1.5rem;overflow-y:auto;outline:none}.nav-container .nav-drawer.open{transform:translateX(0)}.nav-container .drawer-nav{display:flex;flex-direction:column;height:100%;justify-content:space-between}.nav-container .drawer-links{list-style:none;display:flex;flex-direction:column;gap:2.2rem;margin:2rem 0}.nav-container .drawer-link{font-size:1.35rem;font-weight:700;color:#171717;text-decoration:none;padding:.5rem 0;border-radius:8px;transition:background .2s,color .2s;display:block;position:relative}.nav-container .drawer-link.active{color:#f36337;background:rgba(243,99,55,.08);padding:.5rem}.nav-container .drawer-contacts{display:flex;flex-direction:row;justify-content:center;gap:1.5rem;margin-bottom:2rem}.nav-container .drawer-contact{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:rgba(243,99,55,.09);border-radius:50%;color:#f36337;font-size:1.5rem;transition:background .2s,color .2s}.nav-container .drawer-contact:hover{background:#f36337;color:#fff}}#homepage{min-height:100vh;background:#fbf6df;padding:2rem 1rem}#homepage .hero-header{text-align:center;margin:4rem 0 2rem;padding:0 1rem}#homepage .hero-header h2{font-size:2.5rem;font-weight:700;color:#171717;margin-bottom:1rem;line-height:1.2;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:1200px){#homepage .hero-header h2{font-size:2.2rem}}@media(max-width:992px){#homepage .hero-header h2{font-size:2rem}}@media(max-width:768px){#homepage .hero-header{margin:2rem 0 1rem}#homepage .hero-header h2{font-size:1.7rem}}@media(max-width:480px){#homepage .hero-header h2{font-size:1.3rem}}#homepage .hero-section{background:hsla(0,0%,100%,.95);border-radius:24px;padding:3rem 2rem;margin-bottom:4rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}@media(max-width:1200px){#homepage .hero-section{padding:2.5rem 1.5rem}}@media(max-width:992px){#homepage .hero-section{padding:2rem 1rem}}@media(max-width:768px){#homepage .hero-section{padding:1.5rem .5rem;margin-bottom:2rem}}#homepage .section-content{margin-top:4rem;padding:0 1rem}#homepage .section-content h3{font-size:2rem;font-weight:700;color:#171717;text-align:center;margin-bottom:2rem}@media(max-width:992px){#homepage .section-content h3{font-size:1.5rem}}@media(max-width:480px){#homepage .section-content h3{font-size:1.2rem}}#homepage .section-content .content-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem}@media(max-width:992px){#homepage .section-content .content-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.2rem}}@media(max-width:768px){#homepage .section-content .content-grid{grid-template-columns:1fr;gap:1rem}}#homepage .section-content .content-card{background:hsla(0,0%,100%,.95);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1);transition:all .3s ease;border:1px solid hsla(0,0%,100%,.2)}@media(max-width:992px){#homepage .section-content .content-card{padding:1.2rem}}@media(max-width:480px){#homepage .section-content .content-card{padding:.7rem}}#homepage .section-content .content-card:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}#homepage .section-content .content-card h4{font-size:1.3rem;font-weight:600;color:#171717;margin-bottom:1rem}@media(max-width:992px){#homepage .section-content .content-card h4{font-size:1.1rem}}@media(max-width:480px){#homepage .section-content .content-card h4{font-size:1rem}}#homepage .section-content .content-card p{color:#666;line-height:1.6}@media(max-width:480px){#homepage .section-content .content-card p{font-size:.95rem}}#webp-converter{min-height:100vh;background:#fbf6df;padding:2rem 1rem}#webp-converter .header{text-align:center;margin-bottom:3rem;color:#171717}#webp-converter .header h1{font-size:3rem;font-weight:700;margin-bottom:1rem;text-shadow:0 2px 4px rgba(0,0,0,.1)}#webp-converter .header p{font-size:1.2rem;opacity:.8;max-width:600px;margin:0 auto}#webp-converter .upload-section{margin-bottom:3rem}#webp-converter .upload-section .upload-area{background:hsla(0,0%,100%,.95);border:3px dashed #f36337;border-radius:20px;padding:4rem 2rem;text-align:center;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1)}#webp-converter .upload-section .upload-area:hover{border-color:#532b41;transform:translateY(-2px);box-shadow:0 12px 40px rgba(0,0,0,.15)}#webp-converter .upload-section .upload-area.drag-over{border-color:#65d0d2;background:rgba(101,208,210,.1);transform:scale(1.02)}#webp-converter .upload-section .upload-area .upload-icon{font-size:4rem;color:#f36337;margin-bottom:1rem}#webp-converter .upload-section .upload-area h3{font-size:1.5rem;color:#171717;margin-bottom:.5rem}#webp-converter .upload-section .upload-area p{color:#666;font-size:1rem}#webp-converter .files-section{background:hsla(0,0%,100%,.95);border-radius:20px;padding:2rem;margin-bottom:3rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1)}#webp-converter .files-section .files-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}#webp-converter .files-section .files-header h2{color:#171717;font-size:1.8rem;margin:0}#webp-converter .files-section .files-header .actions{display:flex;gap:.5rem;flex-wrap:wrap}#webp-converter .files-section .files-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));grid-gap:1.5rem;gap:1.5rem}#webp-converter .files-section .file-card{background:#fff;border-radius:15px;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease,box-shadow .3s ease}#webp-converter .files-section .file-card:hover{transform:translateY(-4px);box-shadow:0 8px 30px rgba(0,0,0,.15)}#webp-converter .files-section .file-card .file-preview{position:relative;height:200px;overflow:hidden;background:#f5f5f5}#webp-converter .files-section .file-card .file-preview img{width:100%;height:100%;object-fit:cover}#webp-converter .files-section .file-card .file-preview .converting-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.7);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff}#webp-converter .files-section .file-card .file-preview .converting-overlay .spinner{font-size:2rem;animation:spin 1s linear infinite;margin-bottom:.5rem}#webp-converter .files-section .file-card .file-info{padding:1rem}#webp-converter .files-section .file-card .file-info h4{margin:0 0 .5rem;color:#171717;font-size:1rem;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#webp-converter .files-section .file-card .file-info .file-size{color:#666;font-size:.9rem;margin:.25rem 0}#webp-converter .files-section .file-card .file-info .conversion-info{margin-top:.5rem;padding-top:.5rem;border-top:1px solid #eee}#webp-converter .files-section .file-card .file-info .conversion-info .converted-size{color:#65d0d2;font-weight:600;margin:.25rem 0}#webp-converter .files-section .file-card .file-info .conversion-info .compression-ratio{color:#f36337;font-weight:600;margin:.25rem 0}#webp-converter .files-section .file-card .file-info .error-message{color:#f44336;font-size:.9rem;margin:.5rem 0 0}#webp-converter .files-section .file-card .file-actions{padding:1rem;display:flex;gap:.5rem;border-top:1px solid #eee}#webp-converter .info-section{background:hsla(0,0%,100%,.95);border-radius:20px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1)}#webp-converter .info-section h3{text-align:center;color:#171717;font-size:2rem;margin-bottom:2rem}#webp-converter .info-section .benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));grid-gap:2rem;gap:2rem}#webp-converter .info-section .benefits .benefit{text-align:center;padding:1.5rem;border-radius:15px;background:#fff;box-shadow:0 4px 20px rgba(0,0,0,.1);transition:transform .3s ease}#webp-converter .info-section .benefits .benefit:hover{transform:translateY(-4px)}#webp-converter .info-section .benefits .benefit svg{font-size:3rem;color:#f36337;margin-bottom:1rem}#webp-converter .info-section .benefits .benefit h4{color:#171717;font-size:1.2rem;margin-bottom:.5rem}#webp-converter .info-section .benefits .benefit p{color:#666;line-height:1.6}#webp-converter .btn{padding:.75rem 1.5rem;border:none;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;font-size:.9rem}#webp-converter .btn:disabled{opacity:.6;cursor:not-allowed}#webp-converter .btn.btn-primary{background:#f36337;color:#fff}#webp-converter .btn.btn-primary:hover:not(:disabled){background:#e9410e;transform:translateY(-2px)}#webp-converter .btn.btn-secondary{background:#532b41;color:#fff}#webp-converter .btn.btn-secondary:hover:not(:disabled){background:#311a27;transform:translateY(-2px)}#webp-converter .btn.btn-success{background:#65d0d2;color:#fff}#webp-converter .btn.btn-success:hover:not(:disabled){background:#3ec4c6;transform:translateY(-2px)}#webp-converter .btn.btn-danger{background:#f44336;color:#fff}#webp-converter .btn.btn-danger:hover:not(:disabled){background:#da190b;transform:translateY(-2px)}#webp-converter .btn.btn-sm{padding:.5rem 1rem;font-size:.8rem}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media(max-width:768px){#webp-converter .header h1{font-size:2rem}#webp-converter .header p{font-size:1rem}#webp-converter .upload-area{padding:2rem 1rem}#webp-converter .upload-area .upload-icon{font-size:3rem}#webp-converter .upload-area h3{font-size:1.2rem}#webp-converter .files-section .files-header{flex-direction:column;align-items:stretch}#webp-converter .files-section .files-header .actions{justify-content:center}#webp-converter .files-section .files-grid,#webp-converter .info-section .benefits{grid-template-columns:1fr}}@media(max-width:480px){#webp-converter{padding:1rem .5rem}#webp-converter .btn{padding:.6rem 1.2rem;font-size:.8rem}}#tools-page{min-height:100vh;background:#fbf6df;padding:2rem 1rem}#tools-page .tools-header{text-align:center;margin:4rem 0 3rem;padding:0 1rem}#tools-page .tools-header .tools-title{font-size:3rem;font-weight:700;color:#171717;margin-bottom:1.5rem;line-height:1.2;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){#tools-page .tools-header .tools-title{font-size:2.5rem}}@media(max-width:480px){#tools-page .tools-header .tools-title{font-size:2rem}}#tools-page .tools-header .tools-tagline{font-size:1.2rem;color:#666;max-width:700px;margin:0 auto;line-height:1.6}@media(max-width:768px){#tools-page .tools-header .tools-tagline{font-size:1.1rem}}@media(max-width:480px){#tools-page .tools-header .tools-tagline{font-size:1rem}}#tools-page .tools-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));grid-gap:2rem;gap:2rem;margin-top:2rem;list-style:none;padding:0}@media(max-width:992px){#tools-page .tools-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}}@media(max-width:768px){#tools-page .tools-grid{grid-template-columns:1fr;gap:1.5rem}}#tools-page .tool-item{list-style:none;position:relative;border-radius:20px;overflow:hidden}#tools-page .tool-item .tool-link{position:absolute;top:0;left:0;right:0;bottom:0;opacity:0;z-index:10;text-decoration:none;color:transparent}#tools-page .tool-item .tool-card{background:hsla(0,0%,100%,.95);border-radius:20px;padding:2rem;color:inherit;display:flex;flex-direction:column;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease;position:relative;overflow:hidden}@media(max-width:992px){#tools-page .tool-item .tool-card{padding:1.5rem}}@media(max-width:480px){#tools-page .tool-item .tool-card{padding:1.2rem}}#tools-page .tool-item:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(243,99,55,.1),rgba(83,43,65,.1));opacity:0;transition:opacity .3s ease;border-radius:20px}#tools-page .tool-item:hover{transform:translateY(-8px);box-shadow:0 16px 48px rgba(0,0,0,.15)}#tools-page .tool-item:hover:before{opacity:1}#tools-page .tool-item:hover .tool-icon{transform:scale(1.1);box-shadow:0 8px 25px rgba(83,43,65,.3)}#tools-page .tool-item:hover .launch-button{background:linear-gradient(135deg,#f36337,#e9410e);transform:translateY(-2px);box-shadow:0 8px 25px rgba(243,99,55,.4)}#tools-page .tool-icon{width:80px;height:80px;background:rgba(83,43,65,.1);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;transition:all .3s ease;align-self:flex-start}#tools-page .tool-icon .icon-emoji{font-size:2.5rem}@media(max-width:480px){#tools-page .tool-icon{width:60px;height:60px}#tools-page .tool-icon .icon-emoji{font-size:2rem}}#tools-page .tool-name{font-size:1.5rem;font-weight:700;color:#171717;margin-bottom:1rem;line-height:1.3}@media(max-width:992px){#tools-page .tool-name{font-size:1.3rem}}@media(max-width:480px){#tools-page .tool-name{font-size:1.2rem}}#tools-page .tool-description{color:#666;line-height:1.6;margin-bottom:1.5rem;flex-grow:1}@media(max-width:480px){#tools-page .tool-description{font-size:.95rem}}#tools-page .tool-technologies{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}#tools-page .tool-technologies .tech-pill{background:rgba(83,43,65,.1);color:#532b41;padding:.4rem .8rem;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .3s ease}#tools-page .tool-technologies .tech-pill:hover{background:rgba(83,43,65,.2);transform:translateY(-1px)}@media(max-width:480px){#tools-page .tool-technologies .tech-pill{font-size:.8rem;padding:.3rem .6rem}}#tools-page .launch-button{background:linear-gradient(135deg,#f36337,#532b41);color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;text-align:center;transition:all .3s ease;align-self:flex-start;box-shadow:0 4px 15px rgba(243,99,55,.3)}@media(max-width:480px){#tools-page .launch-button{font-size:.9rem;padding:.6rem 1.2rem}}#codex-page{min-height:100vh;background:#fbf6df;padding:2rem 1rem}#codex-page .codex-title{font-size:3.5rem;font-weight:800;color:#171717;text-align:center;margin:2rem 0 1.5rem;line-height:1.1;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.02em}@media(max-width:768px){#codex-page .codex-title{font-size:2.8rem;margin:1.5rem 0 1rem}}@media(max-width:480px){#codex-page .codex-title{font-size:2.2rem;margin:1rem 0 .8rem}}#codex-page .codex-tagline{font-size:1.2rem;color:#666;text-align:center;max-width:600px;margin:0 auto 4rem;line-height:1.6;font-weight:400}@media(max-width:768px){#codex-page .codex-tagline{font-size:1.1rem;margin:0 auto 3rem;padding:0 1rem}}@media(max-width:480px){#codex-page .codex-tagline{font-size:1rem;margin:0 auto 2rem}}#codex-page .codex-section{margin-bottom:6rem;padding:0 1rem}@media(max-width:768px){#codex-page .codex-section{margin-bottom:4rem}}@media(max-width:480px){#codex-page .codex-section{margin-bottom:3rem}}#codex-page .codex-section-title{font-size:2.5rem;font-weight:700;color:#171717;text-align:center;margin-bottom:3rem;line-height:1.2;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){#codex-page .codex-section-title{font-size:2rem;margin-bottom:2rem}}@media(max-width:480px){#codex-page .codex-section-title{font-size:1.5rem;margin-bottom:1.5rem}}#codex-page .codex-writing .codex-articles{display:flex;flex-direction:column;gap:2rem;max-width:800px;margin:0 auto}@media(max-width:768px){#codex-page .codex-writing .codex-articles{gap:1.5rem}}#codex-page .codex-writing .codex-article{background:hsla(0,0%,100%,.95);border-radius:16px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}#codex-page .codex-writing .codex-article:hover{transform:translateY(-4px);box-shadow:0 12px 40px rgba(0,0,0,.15)}@media(max-width:768px){#codex-page .codex-writing .codex-article{padding:1.5rem}}@media(max-width:480px){#codex-page .codex-writing .codex-article{padding:1rem}}#codex-page .codex-writing .codex-article-category{font-size:.85rem;font-weight:700;color:#532b41;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.5rem}#codex-page .codex-writing .codex-article-title{font-size:1.5rem;font-weight:600;color:#171717;margin-bottom:1rem;line-height:1.3}#codex-page .codex-writing .codex-article-title a{color:inherit;text-decoration:none;transition:color .3s ease}#codex-page .codex-writing .codex-article-title a:hover{color:#f36337}@media(max-width:768px){#codex-page .codex-writing .codex-article-title{font-size:1.3rem}}@media(max-width:480px){#codex-page .codex-writing .codex-article-title{font-size:1.1rem}}#codex-page .codex-writing .codex-article-summary{color:#666;line-height:1.6;margin-bottom:1.5rem}@media(max-width:480px){#codex-page .codex-writing .codex-article-summary{font-size:.95rem}}#codex-page .codex-writing .codex-article-link{color:#f36337;font-weight:600;text-decoration:none;transition:all .3s ease;display:inline-block}#codex-page .codex-writing .codex-article-link:hover{transform:translateX(4px)}#codex-page .codex-writing .codex-articles-empty{display:flex;justify-content:center;align-items:center;min-height:280px;margin:2rem 0}#codex-page .codex-writing .codex-articles-empty .codex-articles-empty-card{background:hsla(0,0%,100%,.95);border-radius:20px;box-shadow:0 8px 32px rgba(0,0,0,.08);padding:2.5rem 2rem;display:flex;flex-direction:column;align-items:center;gap:1.2rem;max-width:420px;width:100%;border:1px solid rgba(83,43,65,.08)}#codex-page .codex-writing .codex-articles-empty .codex-articles-empty-icon{font-size:2.5rem;margin-bottom:.5rem;color:#532b41}#codex-page .codex-writing .codex-articles-empty .codex-articles-empty-title{font-size:1.3rem;font-weight:700;color:#f36337;margin-bottom:.2rem}#codex-page .codex-writing .codex-articles-empty .codex-articles-empty-desc{color:#666;font-size:1.05rem;line-height:1.6;margin-bottom:.5rem}#codex-page .codex-writing .codex-articles-empty .codex-articles-empty-btn{display:inline-block;background:linear-gradient(135deg,#f36337,#532b41);color:#fff;font-weight:600;font-size:1rem;padding:.75rem 1.5rem;border-radius:12px;text-decoration:none;box-shadow:0 4px 15px rgba(243,99,55,.13);transition:all .3s cubic-bezier(.4,0,.2,1);margin-top:.5rem}#codex-page .codex-writing .codex-articles-empty .codex-articles-empty-btn:hover{background:linear-gradient(135deg,#532b41,#f36337);color:#fff;transform:translateY(-2px) scale(1.04);box-shadow:0 8px 25px rgba(83,43,65,.13)}#codex-page .codex-ledger .codex-accordion-list{max-width:900px;margin:0 auto;display:flex;flex-direction:column;gap:1rem}#codex-page .codex-ledger .codex-accordion{background:hsla(0,0%,100%,.95);border-radius:16px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2);transition:all .3s ease}#codex-page .codex-ledger .codex-accordion:hover{box-shadow:0 12px 40px rgba(0,0,0,.15)}#codex-page .codex-ledger .codex-accordion-toggle{width:100%;background:none;border:none;padding:1.5rem 2rem;display:flex;justify-content:space-between;align-items:center;cursor:pointer;transition:all .3s ease}#codex-page .codex-ledger .codex-accordion-toggle:hover{background:hsla(0,0%,100%,.5)}@media(max-width:768px){#codex-page .codex-ledger .codex-accordion-toggle{padding:1rem 1.5rem}}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-toggle{padding:.8rem 1rem;flex-direction:column;align-items:flex-start;gap:.5rem}}#codex-page .codex-ledger .codex-accordion-title{font-size:1.2rem;font-weight:600;color:#171717}@media(max-width:768px){#codex-page .codex-ledger .codex-accordion-title{font-size:1.1rem}}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-title{font-size:1rem}}#codex-page .codex-ledger .codex-accordion-meta{display:flex;align-items:center;gap:1rem}#codex-page .codex-ledger .codex-accordion-status{background:#532b41;color:#fff;padding:.3rem .8rem;border-radius:20px;font-size:.8rem;font-weight:600}#codex-page .codex-ledger .codex-accordion-chevron{font-size:.8rem;color:#532b41;transition:transform .3s ease}#codex-page .codex-ledger .codex-accordion-chevron.open{transform:rotate(180deg)}#codex-page .codex-ledger .codex-accordion-content{max-height:0;overflow:hidden;transition:max-height .3s ease}#codex-page .codex-ledger .codex-accordion-content.open{max-height:1000px}#codex-page .codex-ledger .codex-accordion-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:2rem;gap:2rem;padding:0 2rem 2rem}@media(max-width:768px){#codex-page .codex-ledger .codex-accordion-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 1.5rem 1.5rem}}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-grid{padding:0 1rem 1rem}}#codex-page .codex-ledger .codex-accordion-topic{margin-bottom:1.5rem}#codex-page .codex-ledger .codex-accordion-topic:last-child{margin-bottom:0}#codex-page .codex-ledger .codex-accordion-topic-title{font-size:1rem;font-weight:600;color:#171717;margin-bottom:.5rem}#codex-page .codex-ledger .codex-accordion-topic-content{color:#666;line-height:1.6;font-size:.95rem;text-align:justify}#codex-page .codex-ledger .codex-accordion-topic-list{list-style:none;padding:0;margin:0}#codex-page .codex-ledger .codex-accordion-topic-source{display:flex;align-items:center;color:#666;line-height:1.6;font-size:.95rem;padding:.2rem 0 .2rem .2rem;position:relative;margin-bottom:.2rem}#codex-page .codex-ledger .codex-accordion-topic-source:last-child{margin-bottom:0}#codex-page .codex-ledger .codex-accordion-topic-source-bullet{display:inline-block;margin-right:.7em;font-size:1.1em;color:#f36337;line-height:1;font-weight:700}#codex-page .codex-ledger .codex-accordion-topic-item{color:#666;line-height:1.6;font-size:.95rem;position:relative;padding:.2rem 0 .2rem 1rem}#codex-page .codex-ledger .codex-accordion-topic-item:before{content:"•";color:#532b41;position:absolute;left:0;font-weight:700}#codex-page .codex-ledger .codex-accordion-cta{background:#f36337;color:#fff;padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-block;transition:all .3s ease;box-shadow:0 4px 15px rgba(243,99,55,.3)}#codex-page .codex-ledger .codex-accordion-cta:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(243,99,55,.4)}@media(max-width:480px){#codex-page .codex-ledger .codex-accordion-cta{font-size:.9rem;padding:.6rem 1.2rem}}#codex-page .codex-bookshelf .codex-books-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:2rem;gap:2rem;max-width:1200px;margin:0 auto}@media(max-width:900px){#codex-page .codex-bookshelf .codex-books-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){#codex-page .codex-bookshelf .codex-books-grid{grid-template-columns:1fr;gap:1rem}}#codex-page .codex-bookshelf .codex-book-card{width:100%;max-width:100%;background:none;border:none;padding:0;cursor:pointer;transition:all .3s ease;border-radius:12px;overflow:hidden;display:flex;flex-direction:column;align-items:stretch}#codex-page .codex-bookshelf .codex-book-card:hover{transform:translateY(-4px)}#codex-page .codex-bookshelf .codex-book-cover{position:relative;border-radius:12px;overflow:hidden;margin-bottom:1rem;background:hsla(0,0%,100%,.95);box-shadow:0 8px 32px rgba(0,0,0,.1);width:100%;height:auto}#codex-page .codex-bookshelf .codex-book-image{width:100%;height:100%;object-fit:cover;transition:all .3s ease;position:absolute;top:0;left:0}#codex-page .codex-bookshelf .codex-book-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;padding:1rem;opacity:0;transition:opacity .3s ease}@media(max-width:768px){#codex-page .codex-bookshelf .codex-book-overlay{display:none}}#codex-page .codex-bookshelf .codex-book-card:hover .codex-book-overlay{opacity:1}#codex-page .codex-bookshelf .codex-book-takeaway{color:#fbf6df;font-size:.9rem;line-height:1.4;text-align:center;font-weight:500}#codex-page .codex-bookshelf .codex-book-details{text-align:center}#codex-page .codex-bookshelf .codex-book-title{font-size:1rem;font-weight:600;color:#171717;margin-bottom:.3rem;line-height:1.3}@media(max-width:480px){#codex-page .codex-bookshelf .codex-book-title{font-size:.9rem}}#codex-page .codex-bookshelf .codex-book-author{font-size:.85rem;color:#666;line-height:1.3}@media(max-width:480px){#codex-page .codex-bookshelf .codex-book-author{font-size:.8rem}}#codex-page .codex-bookshelf .aspect-2-3{aspect-ratio:2/3;width:100%;position:relative;background:#eee}#codex-page .codex-modal-backdrop{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.8);display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#codex-page .codex-modal-image-modal.aspect-2-3{aspect-ratio:2/3;width:auto;max-height:100%;max-width:420px;min-width:260px;position:relative;margin:auto;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.5);border-radius:20px;background:#222}@media(max-width:600px){#codex-page .codex-modal-image-modal.aspect-2-3{max-width:98vw;min-width:0}}#codex-page .codex-modal-bg-image{z-index:1;position:absolute!important;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}#codex-page .codex-modal-gradient-overlay{z-index:2;position:absolute;inset:0;width:100%;height:100%;background:linear-gradient(180deg,hsla(0,0%,8%,.85),hsla(0,0%,8%,.7) 60%,hsla(0,0%,8%,.95));pointer-events:none}#codex-page .codex-modal-content-overlay{z-index:3;position:relative;width:100%;height:100%;padding:2.5rem 1.5rem 2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;text-align:center;gap:1.2rem}@media(max-width:600px){#codex-page .codex-modal-content-overlay{padding:1.5rem .5rem 1rem}}#codex-page .codex-modal-book-title{font-size:1.5rem;font-weight:700;color:#fff;margin-bottom:.2rem;text-shadow:0 2px 8px rgba(0,0,0,.4)}#codex-page .codex-modal-book-author{font-size:1.05rem;color:#eee;font-weight:500;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}#codex-page .codex-modal-book-takeaway{background:rgba(0,0,0,.45);border-radius:12px;padding:1.2rem 1.5rem;box-shadow:0 2px 8px rgba(0,0,0,.12);margin-top:.5rem;color:#fff}#codex-page .codex-modal-book-takeaway h4{font-size:1.1rem;font-weight:600;color:#f36337;margin-bottom:.5rem;text-shadow:0 2px 8px rgba(0,0,0,.3)}#codex-page .codex-modal-book-takeaway p{color:#fff;line-height:1.6;font-size:1rem;text-shadow:0 2px 8px rgba(0,0,0,.2);text-align:justify}#codex-page .codex-modal-close{z-index:4;position:absolute;top:1rem;right:1rem;background:rgba(0,0,0,.5);border:none;font-size:2rem;color:#fff;cursor:pointer;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.2)}#codex-page .codex-modal-close:hover{background:rgba(0,0,0,.7);transform:scale(1.08)}#signal-page{min-height:100vh;background:#fbf6df;padding:2rem 1rem 4rem}#signal-page .signal-content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2.5rem;text-align:left;position:relative;z-index:2;margin-top:4rem}@media(max-width:768px){#signal-page .signal-content{gap:1rem;align-items:center;text-align:center}}#signal-page .signal-canvas-container{position:fixed;top:0;left:0;width:100vw;height:100vh;overflow:hidden;z-index:0}#signal-page .signal-text{background:hsla(0,0%,100%,.1);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:24px;padding:3rem 2.5rem;border:1px solid hsla(0,0%,100%,.3);box-shadow:0 20px 60px rgba(0,0,0,.15);position:relative;z-index:3}#signal-page .signal-text .signal-title{font-size:3rem;font-weight:700;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:2rem}@media(max-width:768px){#signal-page .signal-text .signal-title{font-size:2.5rem;margin-bottom:1.5rem}}@media(max-width:480px){#signal-page .signal-text .signal-title{font-size:2rem;margin-bottom:1.2rem}}#signal-page .signal-text .signal-description{font-size:1.2rem;color:#111;line-height:1.7;max-width:580px;margin:0 0 2rem;text-shadow:0 2px 8px rgba(0,0,0,.1);font-weight:600;text-align:justify}@media(max-width:768px){#signal-page .signal-text .signal-description{font-size:1.1rem;max-width:520px;margin:0 auto 1.5rem}}@media(max-width:480px){#signal-page .signal-text .signal-description{font-size:1rem;max-width:100%;margin:0 auto 1rem}}@media(max-width:768px){#signal-page .signal-text{padding:2rem 1.5rem;margin:0 auto 1rem;text-align:center}}@media(max-width:480px){#signal-page .signal-text{padding:1.5rem 1rem}}#signal-page .signal-links{display:flex;flex-direction:row;gap:1.5rem;width:100%;max-width:600px;justify-content:center}@media(max-width:768px){#signal-page .signal-links{gap:1.2rem}}#signal-page .signal-card{background:hsla(0,0%,100%,.3);border-radius:2000px;padding:0;text-decoration:none;color:inherit;display:flex;align-items:center;justify-content:center;gap:0;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 8px 32px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.4);transition:all .5s cubic-bezier(.4,0,.2,1);overflow:hidden;width:55px;height:55px;position:relative}#signal-page .signal-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(243,99,55,.1),transparent);transition:left .5s}#signal-page .signal-card:hover{transform:translateY(-8px);border-radius:20px;background:hsla(0,0%,100%,.4);box-shadow:0 16px 48px rgba(0,0,0,.15);width:300px;max-width:100%;height:auto;padding:.9rem;gap:1rem;justify-content:flex-start}#signal-page .signal-card:hover:before{left:100%}#signal-page .signal-card:hover .signal-icon{color:#f36337;box-shadow:0 8px 25px rgba(243,99,55,.3)}#signal-page .signal-card:hover .signal-text-block{opacity:1;transform:translateX(0);display:flex}@media(max-width:768px){#signal-page .signal-card{width:60px;height:60px}#signal-page .signal-card:hover{width:240px;padding:.8rem;gap:.8rem}}@media(max-width:480px){#signal-page .signal-card{width:50px;height:50px}#signal-page .signal-card:hover{width:200px;padding:.7rem;gap:.6rem}}#signal-page .signal-card a{position:absolute;top:0;left:0;width:100%;height:100%;z-index:10;opacity:0}#signal-page .signal-icon{width:50px;height:50px;background:rgba(83,43,65,.2);border-radius:50%;display:flex;align-items:center;justify-content:center;transition:all .4s cubic-bezier(.4,0,.2,1);flex-shrink:0;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid hsla(0,0%,100%,.3)}#signal-page .signal-icon svg{width:32px;height:32px;color:#532b41;transition:color .4s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){#signal-page .signal-icon{width:60px;height:60px}#signal-page .signal-icon svg{width:28px;height:28px}}@media(max-width:480px){#signal-page .signal-icon{width:50px;height:50px}#signal-page .signal-icon svg{width:24px;height:24px}}#signal-page .signal-text-block{display:none;flex-direction:column;align-items:flex-start;text-align:left;flex-grow:1;opacity:0;transform:translateX(-20px);transition:all .4s cubic-bezier(.4,0,.2,1);transition-delay:.1s}#signal-page .signal-text-block .signal-main-text{font-size:1.3rem;font-weight:700;color:#171717;margin-bottom:.3rem;line-height:1.3;text-shadow:0 2px 8px hsla(0,0%,100%,.8)}@media(max-width:768px){#signal-page .signal-text-block .signal-main-text{font-size:1.2rem}}@media(max-width:480px){#signal-page .signal-text-block .signal-main-text{font-size:1.1rem}}#signal-page .signal-text-block .signal-sub-text{font-size:.95rem;color:#333;font-family:Oxanium,monospace;font-weight:500;text-shadow:0 1px 4px hsla(0,0%,100%,.9)}@media(max-width:480px){#signal-page .signal-text-block .signal-sub-text{font-size:.9rem}}#forge-page{min-height:100vh;background:#fbf6df;padding:2rem 1rem}#forge-page .forge-header{text-align:center;margin:4rem 0 5rem;padding:0 1rem}#forge-page .forge-header .forge-title{font-size:3.5rem;font-weight:700;color:#171717;margin-bottom:2rem;line-height:1.2;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){#forge-page .forge-header .forge-title{font-size:3rem}}@media(max-width:480px){#forge-page .forge-header .forge-title{font-size:2.5rem}}#forge-page .forge-header .forge-tagline{font-size:1.3rem;color:#555;max-width:800px;margin:0 auto;line-height:1.7;font-weight:400}@media(max-width:768px){#forge-page .forge-header .forge-tagline{font-size:1.2rem}}@media(max-width:480px){#forge-page .forge-header .forge-tagline{font-size:1.1rem}}#forge-page .case-studies{display:flex;flex-direction:column;gap:6rem;margin-top:4rem}@media(max-width:768px){#forge-page .case-studies{gap:4rem}}@media(max-width:480px){#forge-page .case-studies{gap:3rem}}#forge-page .case-study{display:grid;grid-template-columns:1fr 1fr;grid-gap:4rem;gap:4rem;align-items:center;padding:3rem;background:hsla(0,0%,100%,.6);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 20px 60px rgba(0,0,0,.1);transition:all .3s ease}#forge-page .case-study:hover{transform:translateY(-8px);box-shadow:0 30px 80px rgba(0,0,0,.15);background:hsla(0,0%,100%,.8)}#forge-page .case-study.visual-right .case-study-visual{order:2}#forge-page .case-study.visual-right .case-study-content{order:1}#forge-page .case-study:not(:has(.case-study-visual)){grid-template-columns:1fr;text-align:center}#forge-page .case-study:not(:has(.case-study-visual)) .case-study-content{max-width:800px;margin:0 auto}#forge-page .case-study:not(:has(.case-study-visual)) .project-synopsis{text-align:center}#forge-page .case-study:not(:has(.case-study-visual)) .tech-stack{justify-content:center}#forge-page .case-study:not(:has(.case-study-visual)) .case-study-cta{align-self:center}@media(max-width:992px){#forge-page .case-study{grid-template-columns:1fr;gap:3rem;padding:2rem}#forge-page .case-study.visual-right .case-study-content,#forge-page .case-study.visual-right .case-study-visual{order:unset}#forge-page .case-study:not(:has(.case-study-visual)){text-align:left}#forge-page .case-study:not(:has(.case-study-visual)) .case-study-content{max-width:none;margin:0}}@media(max-width:480px){#forge-page .case-study{padding:1.5rem;gap:2rem}}#forge-page .case-study-visual{position:relative;border-radius:16px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.2);aspect-ratio:1/1;background:linear-gradient(135deg,rgba(83,43,65,.05),rgba(243,99,55,.05))}#forge-page .case-study-visual:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent,hsla(0,0%,100%,.4),transparent);animation:shimmer 2s infinite;z-index:1}#forge-page .case-study-visual .project-mockup{width:100%;height:auto;display:block;transition:transform .3s ease;position:relative;z-index:2}#forge-page .case-study-visual .project-mockup:hover{transform:scale(1.02)}@media(max-width:992px){#forge-page .case-study-visual{max-width:500px;margin:0 auto}}#forge-page .case-study-content{display:flex;flex-direction:column;gap:1.5rem}@media(max-width:992px){#forge-page .case-study-content{text-align:center}}#forge-page .project-type{font-size:.85rem;font-weight:600;color:#532b41;text-transform:uppercase;letter-spacing:1px;margin:0;font-family:Oxanium,monospace}@media(max-width:480px){#forge-page .project-type{font-size:.8rem}}#forge-page .project-title{font-size:2.5rem;font-weight:700;color:#171717;margin:0;line-height:1.2}@media(max-width:768px){#forge-page .project-title{font-size:2rem}}@media(max-width:480px){#forge-page .project-title{font-size:1.8rem}}#forge-page .project-synopsis{font-size:1.1rem;color:#555;line-height:1.7;margin:0;font-weight:400;text-align:justify}@media(max-width:768px){#forge-page .project-synopsis{font-size:1rem}}@media(max-width:480px){#forge-page .project-synopsis{font-size:.95rem}}#forge-page .tech-stack{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:.5rem}@media(max-width:992px){#forge-page .tech-stack{justify-content:center}}@media(max-width:480px){#forge-page .tech-stack{gap:.5rem}}#forge-page .tech-stack .tech-pill{background:rgba(83,43,65,.1);color:#532b41;padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600;transition:all .3s ease;border:1px solid rgba(83,43,65,.2)}#forge-page .tech-stack .tech-pill:hover{background:rgba(83,43,65,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(83,43,65,.2)}#forge-page .tech-stack .tech-pill:focus{outline:2px solid #532b41;outline-offset:2px}@media(max-width:480px){#forge-page .tech-stack .tech-pill{font-size:.8rem;padding:.4rem .8rem}}#forge-page .case-study-cta{background:linear-gradient(135deg,#f36337,#e9410e);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 8px 25px rgba(243,99,55,.3);align-self:flex-start;margin-top:1rem}#forge-page .case-study-cta:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(243,99,55,.4);background:linear-gradient(135deg,#f2501f,#d13b0d)}#forge-page .case-study-cta:focus{outline:2px solid #f36337;outline-offset:2px}@media(max-width:992px){#forge-page .case-study-cta{align-self:center}}@media(max-width:480px){#forge-page .case-study-cta{font-size:.9rem;padding:.8rem 1.5rem}}@media(max-width:768px){#forge-page{padding:1rem .5rem}#forge-page .forge-header{margin:2rem 0 3rem}#forge-page .case-studies{margin-top:2rem}}@media print{#forge-page{background:#fff;padding:0}#forge-page .case-study{page-break-inside:avoid;break-inside:avoid;box-shadow:none;border:1px solid #ddd}#forge-page .case-study-cta{background:#f36337;color:#fff;box-shadow:none}}@keyframes shimmer{0%{transform:translateX(-100%)}to{transform:translateX(100%)}}:export{cream:#fbf6df;black:#171717;orange:#f36337;purple:#532b41;teal:#65d0d2}#case-study-page{min-height:100vh;background:#fbf6df;padding:2rem 1rem}#case-study-page .container{max-width:1200px;margin:0 auto;padding:0 1rem}#case-study-page .case-study-article{max-width:100%;margin:0 auto}#case-study-page .case-study-hero{text-align:center;margin:4rem 0 5rem;padding:0 1rem}#case-study-page .case-study-hero .hero-content{margin-bottom:3rem}#case-study-page .case-study-hero .case-study-title{font-size:3.5rem;font-weight:700;color:#171717;margin-bottom:2rem;line-height:1.2;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:768px){#case-study-page .case-study-hero .case-study-title{font-size:3rem}}@media(max-width:480px){#case-study-page .case-study-hero .case-study-title{font-size:2.5rem}}#case-study-page .case-study-hero .case-study-meta{display:flex;flex-direction:column;align-items:center;gap:1rem;margin-bottom:2rem}@media(min-width:768px){#case-study-page .case-study-hero .case-study-meta{flex-direction:row;justify-content:center;gap:2rem}}#case-study-page .case-study-hero .case-study-date{font-size:1rem;color:#666;font-weight:500}#case-study-page .case-study-hero .case-study-tags{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}#case-study-page .case-study-hero .case-study-tags .tag{background:rgba(83,43,65,.1);color:#532b41;padding:.4rem .8rem;border-radius:16px;font-size:.85rem;font-weight:600;transition:all .3s ease;border:1px solid rgba(83,43,65,.2)}#case-study-page .case-study-hero .case-study-tags .tag:hover{background:rgba(83,43,65,.2);transform:translateY(-1px)}#case-study-page .case-study-hero .hero-image-wrapper{max-width:800px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 20px 60px rgba(0,0,0,.15)}#case-study-page .case-study-hero .hero-image-wrapper .hero-image{width:100%;height:auto;display:block}#case-study-page .case-study-layout{display:grid;grid-template-columns:280px 1fr;grid-gap:4rem;gap:4rem;align-items:start;width:100%}@media(max-width:1024px){#case-study-page .case-study-layout{grid-template-columns:100%;gap:3rem}}@media(max-width:768px){#case-study-page .case-study-layout{gap:2rem}}#case-study-page .table-of-contents-wrapper{position:-webkit-sticky;position:sticky;top:2rem;height:-moz-fit-content;height:fit-content}@media(max-width:1024px){#case-study-page .table-of-contents-wrapper{position:static;order:-1}}#case-study-page .table-of-contents{background:hsla(0,0%,100%,.8);border-radius:16px;padding:1.5rem;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}#case-study-page .table-of-contents .toc-title{font-size:1.2rem;font-weight:700;color:#171717;margin:0 0 1rem;padding-bottom:.5rem;border-bottom:2px solid rgba(243,99,55,.2)}#case-study-page .table-of-contents .toc-list{list-style:none;padding:0;margin:0}#case-study-page .table-of-contents .toc-item{margin:.5rem 0}#case-study-page .table-of-contents .toc-item.toc-level-2{margin-left:0}#case-study-page .table-of-contents .toc-item.toc-level-3{margin-left:1rem}#case-study-page .table-of-contents .toc-item.toc-level-4{margin-left:2rem}#case-study-page .table-of-contents .toc-item.toc-level-5{margin-left:3rem}#case-study-page .table-of-contents .toc-item.toc-level-6{margin-left:4rem}#case-study-page .table-of-contents .toc-item.active .toc-link{color:#f36337;font-weight:600;background:rgba(243,99,55,.1);border-radius:8px}#case-study-page .table-of-contents .toc-link{display:block;padding:.5rem .75rem;color:#555;text-decoration:none;font-size:.9rem;line-height:1.4;border-radius:8px;transition:all .3s ease;border:none;background:none;width:100%;text-align:left;cursor:pointer}#case-study-page .table-of-contents .toc-link:hover{color:#f36337;background:rgba(243,99,55,.05)}#case-study-page .table-of-contents .toc-link:focus{outline:2px solid #f36337;outline-offset:2px}#case-study-page .case-study-content{max-width:720px;width:100%;margin:0 auto}#case-study-page .case-study-content .markdown-content{font-size:1.1rem;line-height:1.8;color:#333}#case-study-page .case-study-content .markdown-content h1,#case-study-page .case-study-content .markdown-content h2,#case-study-page .case-study-content .markdown-content h3,#case-study-page .case-study-content .markdown-content h4,#case-study-page .case-study-content .markdown-content h5,#case-study-page .case-study-content .markdown-content h6{color:#171717;font-weight:700;margin:3rem 0 1.5rem;line-height:1.3}#case-study-page .case-study-content .markdown-content h1{font-size:2.5rem;margin-top:0}#case-study-page .case-study-content .markdown-content h2{font-size:2rem;padding-bottom:.5rem;border-bottom:2px solid rgba(243,99,55,.2)}#case-study-page .case-study-content .markdown-content h3{font-size:1.5rem;color:#532b41}#case-study-page .case-study-content .markdown-content h4{font-size:1.3rem}#case-study-page .case-study-content .markdown-content h5{font-size:1.1rem}#case-study-page .case-study-content .markdown-content h6{font-size:1rem}#case-study-page .case-study-content .markdown-content p{margin:1.5rem 0;text-align:justify}#case-study-page .case-study-content .markdown-content ol,#case-study-page .case-study-content .markdown-content ul{margin:1.5rem 0;padding-left:2rem}#case-study-page .case-study-content .markdown-content ol li,#case-study-page .case-study-content .markdown-content ul li{margin:.5rem 0}#case-study-page .case-study-content .markdown-content ul{list-style-type:disc}#case-study-page .case-study-content .markdown-content ol{list-style-type:decimal}#case-study-page .case-study-content .markdown-content blockquote{margin:2rem 0;padding:1.5rem 2rem;background:rgba(243,99,55,.05);border-left:4px solid #f36337;border-radius:0 8px 8px 0;font-style:italic;color:#555}#case-study-page .case-study-content .markdown-content blockquote p{margin:0}#case-study-page .case-study-content .markdown-content pre{margin:2rem 0;padding:1.5rem;background:#1e1e1e;border-radius:12px;overflow-x:auto;position:relative;box-shadow:0 8px 32px rgba(0,0,0,.2)}#case-study-page .case-study-content .markdown-content pre .copy-button{position:absolute;top:.75rem;right:.75rem;background:hsla(0,0%,100%,.1);border:none;border-radius:6px;padding:.5rem;color:#fff;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}#case-study-page .case-study-content .markdown-content pre .copy-button:hover{background:hsla(0,0%,100%,.2);transform:scale(1.05)}#case-study-page .case-study-content .markdown-content pre .copy-button.copied{background:rgba(76,175,80,.8);color:#fff}#case-study-page .case-study-content .markdown-content pre .copy-button svg{width:16px;height:16px}#case-study-page .case-study-content .markdown-content pre code{font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9rem;line-height:1.5;color:#f8f8f2}#case-study-page .case-study-content .markdown-content code:not(pre code){background:rgba(243,99,55,.1);color:#f36337;padding:.2rem .4rem;border-radius:4px;font-family:Fira Code,Monaco,Consolas,monospace;font-size:.9em}#case-study-page .case-study-content .markdown-content img{max-width:100%;height:auto;border-radius:12px;margin:2rem 0;box-shadow:0 8px 32px rgba(0,0,0,.1)}#case-study-page .case-study-content .markdown-content a{color:#f36337;text-decoration:none;border-bottom:1px solid transparent;transition:all .3s ease}#case-study-page .case-study-content .markdown-content a:hover{border-bottom-color:#f36337}#case-study-page .case-study-content .markdown-content table{width:100%;border-collapse:collapse;margin:2rem 0;background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.1)}#case-study-page .case-study-content .markdown-content table td,#case-study-page .case-study-content .markdown-content table th{padding:1rem;text-align:left;border-bottom:1px solid #eee}#case-study-page .case-study-content .markdown-content table th{background:rgba(243,99,55,.1);font-weight:600;color:#532b41}#case-study-page .case-study-content .markdown-content table tr:hover{background:rgba(243,99,55,.02)}#case-study-page .case-study-content .markdown-content hr{margin:3rem 0;border:none;height:2px;background:linear-gradient(90deg,transparent,#f36337,transparent)}#case-study-page .case-study-ctas{display:flex;flex-direction:column;gap:1rem;margin:4rem 0 2rem;padding:2rem;background:hsla(0,0%,100%,.6);border-radius:16px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid hsla(0,0%,100%,.3);box-shadow:0 8px 32px rgba(0,0,0,.1)}@media(min-width:768px){#case-study-page .case-study-ctas{flex-direction:row;justify-content:center;align-items:center}}#case-study-page .case-study-ctas .cta-primary{background:linear-gradient(135deg,#f36337,#e9410e);color:#fff;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;box-shadow:0 8px 25px rgba(243,99,55,.3);text-align:center;justify-content:center}#case-study-page .case-study-ctas .cta-primary:hover{transform:translateY(-3px);box-shadow:0 12px 35px rgba(243,99,55,.4);background:linear-gradient(135deg,#f2501f,#d13b0d)}#case-study-page .case-study-ctas .cta-primary:focus{outline:2px solid #f36337;outline-offset:2px}#case-study-page .case-study-ctas .cta-secondary{background:rgba(83,43,65,.1);color:#532b41;padding:1rem 2rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;display:inline-flex;align-items:center;gap:.5rem;transition:all .3s ease;border:1px solid rgba(83,43,65,.2);text-align:center;justify-content:center}#case-study-page .case-study-ctas .cta-secondary:hover{background:rgba(83,43,65,.2);transform:translateY(-2px);box-shadow:0 8px 25px rgba(83,43,65,.2)}#case-study-page .case-study-ctas .cta-secondary:focus{outline:2px solid #532b41;outline-offset:2px}@media(max-width:768px){#case-study-page{padding:1rem .5rem}#case-study-page .case-study-hero{margin:2rem 0 3rem}#case-study-page .markdown-content{font-size:1rem}#case-study-page .markdown-content h1{font-size:2rem}#case-study-page .markdown-content h2{font-size:1.7rem}#case-study-page .markdown-content h3{font-size:1.4rem}}@media print{#case-study-page{background:#fff;padding:0}#case-study-page .table-of-contents-wrapper{display:none}#case-study-page .case-study-layout{grid-template-columns:1fr}#case-study-page .case-study-ctas{background:#fff;box-shadow:none;border:1px solid #ddd}}.preview-case-study-cta{display:inline-block;margin-top:2rem;padding:1rem 2rem;background:#f36337;color:#fff;text-decoration:none;border-radius:8px;font-weight:600;transition:all .2s ease;box-shadow:0 4px 6px rgba(0,0,0,.1)}.preview-case-study-cta:hover{transform:translateY(-2px);box-shadow:0 6px 8px rgba(0,0,0,.15)}.preview-case-study-cta:active{transform:translateY(0);box-shadow:0 2px 4px rgba(0,0,0,.1)}.not-found-page{min-height:100vh;background:#fbf6df;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.not-found-page .not-found-container{max-width:600px;text-align:center;background:hsla(0,0%,100%,.95);border-radius:24px;padding:3rem 2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 20px 60px rgba(0,0,0,.1);border:1px solid hsla(0,0%,100%,.2)}.not-found-page .not-found-container .error-content .error-code{font-size:6rem;font-weight:800;color:#f36337;margin:0 0 1rem;line-height:1;background:linear-gradient(135deg,#f36337,#532b41);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.not-found-page .not-found-container .error-content .error-title{font-size:2rem;font-weight:700;color:#171717;margin:0 0 1rem}.not-found-page .not-found-container .error-content .error-description{font-size:1.1rem;color:#666;line-height:1.6;margin:0 0 2rem}.not-found-page .not-found-container .error-content .error-actions{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.not-found-page .not-found-container .error-content .error-actions .btn-primary,.not-found-page .not-found-container .error-content .error-actions .btn-secondary{padding:.75rem 1.5rem;border-radius:12px;font-weight:600;font-size:1rem;text-decoration:none;border:none;cursor:pointer;transition:all .3s ease;display:inline-block}.not-found-page .not-found-container .error-content .error-actions .btn-primary{background:linear-gradient(135deg,#f36337,#532b41);color:#fff;box-shadow:0 4px 15px rgba(243,99,55,.3)}.not-found-page .not-found-container .error-content .error-actions .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(243,99,55,.4)}.not-found-page .not-found-container .error-content .error-actions .btn-secondary{background:hsla(0,0%,100%,.8);color:#171717;border:2px solid rgba(0,0,0,.1)}.not-found-page .not-found-container .error-content .error-actions .btn-secondary:hover{background:#fff;transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1)}@media(max-width:768px){.not-found-container{padding:2rem 1rem}.not-found-container .error-content .error-code{font-size:4rem}.not-found-container .error-content .error-title{font-size:1.5rem}.not-found-container .error-content .error-description{font-size:1rem}.not-found-container .error-content .error-actions{flex-direction:column;align-items:center}.not-found-container .error-content .error-actions .btn-primary,.not-found-container .error-content .error-actions .btn-secondary{width:100%;max-width:200px}}@media(max-width:480px){.not-found-container{padding:1.5rem .5rem}.not-found-container .error-content .error-code{font-size:3rem}.not-found-container .error-content .error-title{font-size:1.2rem}.not-found-container .error-content .error-description{font-size:.9rem}}.trust-signals{margin-top:3rem;padding:2rem 0 0;border-top:1px solid rgba(0,0,0,.07);display:flex;flex-wrap:wrap;gap:2.5rem;justify-content:flex-start}.trust-signal-group{min-width:220px}.trust-signal-label{font-size:1.1rem;font-weight:600;margin-bottom:.7rem;color:#888;letter-spacing:.02em}.trust-signal-list{display:flex;flex-direction:column;gap:.7rem;padding:0;margin:0;list-style:none}.trust-signal-item,.trust-signal-link{display:flex;align-items:center}.trust-signal-link{gap:.7rem;text-decoration:none;color:inherit;transition:opacity .15s;opacity:.85}.trust-signal-link:hover{opacity:1}.trust-signal-logo-wrapper{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:8px;box-shadow:0 1px 4px rgba(0,0,0,.04);border:1px solid #eee}.trust-signal-logo{width:24px;height:24px;object-fit:contain}.trust-signal-name{font-size:1rem;font-weight:500}