:root{--red:#ff4049;--red2:#ff2148;--deep:#a60f2a;--text:#fff7f8;--muted:#ad999d;--line:rgba(255,76,83,.16);--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;background:#030304;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;z-index:-4;background:linear-gradient(180deg,rgba(2,2,3,.55),rgba(8,2,3,.88)),url("assets/background-red-hex.jpg") center/cover no-repeat;transform:scale(1.025)}body:after{content:"";position:fixed;inset:0;z-index:-3;background:radial-gradient(circle at 14% 0%,rgba(255,64,73,.17),transparent 25%),radial-gradient(circle at 87% 10%,rgba(166,15,42,.17),transparent 31%)}a{text-decoration:none;color:inherit}.noise{position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.14;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.12'/%3E%3C/svg%3E")}.mouse-glow{position:fixed;z-index:-1;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,rgba(255,33,72,.10),transparent 68%);transform:translate(-50%,-50%);pointer-events:none;opacity:0}.wrap{width:min(calc(100% - 32px),var(--max));margin:auto}.header{position:sticky;top:12px;z-index:50;width:min(calc(100% - 28px),var(--max));margin:12px auto 0;min-height:64px;padding:9px 10px 9px 14px;display:flex;align-items:center;justify-content:space-between;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(5,4,5,.75);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(0,0,0,.25)}.brand{display:flex;gap:11px;align-items:center}.logo{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:1000;font-size:20px;border:1px solid rgba(255,64,73,.30);background:linear-gradient(145deg,rgba(255,64,73,.18),rgba(166,15,42,.08));box-shadow:0 0 28px rgba(255,33,72,.10)}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand b{font-size:13px;letter-spacing:.16em}.brand small{font-size:8px;color:#736366;margin-top:5px;letter-spacing:.07em}nav{display:flex;align-items:center;gap:22px}nav a{font-size:11px;font-weight:800;color:#b7a9ac;transition:.2s}nav a:hover{color:#fff}.navOrder{padding:11px 14px;border:1px solid rgba(255,64,73,.22);background:rgba(255,64,73,.07);border-radius:12px}.menu{display:none;background:none;border:0;width:42px}.menu i{display:block;height:2px;background:#fff;margin:7px;border-radius:10px}.hero{min-height:calc(100vh - 90px);padding:90px 0 70px;display:grid;grid-template-columns:1.06fr .94fr;gap:65px;align-items:center}.online{display:inline-flex;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);font-size:9px;color:#ad9ea1;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.online i{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 15px var(--red)}.eyebrow{color:#ff7d84;font-size:10px;font-weight:1000;letter-spacing:.2em;text-transform:uppercase;margin:22px 0 12px}.hero h1,.head h2,.orderText h2,.final h2{margin:0;letter-spacing:-.055em;line-height:.96}.hero h1{font-size:clamp(54px,8vw,94px)}.hero h1 span{background:linear-gradient(90deg,#fff,#ff9da2 44%,#ff2850 83%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:15px;color:#b6a6a9;line-height:1.8;max-width:680px;margin:25px 0 28px}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:46px;padding:0 17px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;border:1px solid transparent;font-size:11px;font-weight:900;cursor:pointer;transition:.22s}.button:hover{transform:translateY(-2px)}.primary{color:#1a0305;background:linear-gradient(90deg,#ffe9ea,#ff777d 47%,#ce1738);box-shadow:0 16px 45px rgba(255,33,72,.22),0 0 35px rgba(255,33,72,.12)}.ghost{background:rgba(255,255,255,.035);border-color:rgba(255,255,255,.09)}.ghost:hover{border-color:rgba(255,64,73,.25);background:rgba(255,64,73,.055)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);max-width:640px;margin-top:42px;border-top:1px solid rgba(255,255,255,.07)}.metrics div{padding:19px 8px 0 0;display:flex;flex-direction:column}.metrics b{font-size:16px}.metrics span{font-size:8px;color:#75676a;margin-top:5px;text-transform:uppercase;letter-spacing:.08em}.heroPanel{position:relative;min-height:500px;display:grid;place-items:center}.terminal{width:min(100%,510px);overflow:hidden;border:1px solid rgba(255,64,73,.18);border-radius:24px;background:linear-gradient(180deg,rgba(15,7,8,.94),rgba(5,5,6,.95));backdrop-filter:blur(12px);box-shadow:0 40px 110px rgba(0,0,0,.56),0 0 48px rgba(255,33,72,.12);transform:perspective(1000px) rotateY(-5deg) rotateX(2deg)}.termTop{height:48px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);color:#746468;font-size:8px;letter-spacing:.08em;text-transform:uppercase}.termTop>div{display:flex;gap:6px}.termTop i{width:8px;height:8px;border-radius:50%;background:#41272b}.termTop i:first-child{background:#a61b31}.termTop i:nth-child(2){background:#75402e}.termTop i:nth-child(3){background:#315841}.termTop em{font-style:normal;color:#ff7078}.termBody{padding:28px 24px 34px;font-family:Consolas,"Liberation Mono",monospace;font-size:12px;line-height:2;color:#ded2d4}.termBody p{margin:0}.termBody span{color:#ff5d65}.termBody b{color:#70eca9}.dim{color:#6d5d61}.caret{display:inline-block;width:7px;height:14px;background:#ff5d65;margin-left:5px;vertical-align:-2px;animation:blink .9s steps(1) infinite}@keyframes blink{50%{opacity:0}}.float{position:absolute;padding:13px 15px;min-width:126px;border:1px solid rgba(255,64,73,.16);border-radius:14px;background:rgba(10,6,7,.86);backdrop-filter:blur(14px);box-shadow:0 18px 50px rgba(0,0,0,.35);display:flex;flex-direction:column}.float span{font-size:8px;color:#76666a;letter-spacing:.13em}.float b{font-size:12px;margin-top:5px}.one{right:-10px;top:80px}.two{left:-8px;bottom:72px}.techline{min-height:72px;padding:14px 20px;display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:28px;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06);background:rgba(5,4,5,.5);backdrop-filter:blur(10px);font-size:9px;font-weight:900;letter-spacing:.12em;color:#6d5f62}.techline i{width:4px;height:4px;border-radius:50%;background:#5e222d}.section{padding:110px 0}.head{display:grid;grid-template-columns:1fr .7fr;gap:50px;align-items:end;margin-bottom:38px}.head .eyebrow{margin-top:0}.head h2,.orderText h2,.final h2{font-size:clamp(38px,5vw,62px)}.head>p{margin:0;color:var(--muted);font-size:13px;line-height:1.8}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.card,.stack>div,.process article,.plan,.form,.note,.faq,.final{border:1px solid rgba(255,255,255,.075);background:linear-gradient(180deg,rgba(18,9,10,.79),rgba(8,6,7,.84));backdrop-filter:blur(12px)}.card{position:relative;min-height:305px;padding:23px;border-radius:21px;transition:.25s}.card:hover,.stack>div:hover{transform:translateY(-3px);border-color:rgba(255,64,73,.22);box-shadow:0 24px 65px rgba(0,0,0,.28),0 0 28px rgba(255,33,72,.08)}.icon{width:45px;height:45px;border-radius:14px;display:grid;place-items:center;border:1px solid rgba(255,64,73,.17);background:rgba(255,64,73,.065);color:#ff9ca1;font-size:11px;font-weight:1000}.card small{position:absolute;right:18px;top:18px;color:#ff8e94;font-size:8px;font-weight:1000;letter-spacing:.13em}.card h3{margin:20px 0 9px;font-size:18px}.card p{font-size:12px;line-height:1.65;color:#9f8e92}.card ul,.plan ul{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:9px}.card li,.plan li{font-size:10px;color:#b8a9ac;padding-left:16px;position:relative}.card li:before,.plan li:before{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:50%;background:#ff4e57;box-shadow:0 0 12px rgba(255,64,73,.35)}.stack{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.stack>div{padding:18px;border-radius:17px;display:flex;flex-direction:column;transition:.22s}.stack b{font-size:13px}.stack span{font-size:9px;color:#76686b;margin-top:7px}.process{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process article{padding:24px;border-radius:20px}.process article span{font-size:11px;color:#ff636b;font-weight:1000}.process h3{margin:30px 0 8px;font-size:16px}.process p{font-size:11px;color:#98888c;line-height:1.7}.pricing{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.plan{padding:25px;border-radius:23px;display:flex;flex-direction:column}.plan.hot{border-color:rgba(255,64,73,.30);box-shadow:0 24px 75px rgba(255,33,72,.10)}.offer{align-self:flex-start;padding:7px 10px;border-radius:999px;background:linear-gradient(90deg,#ffe6e7,#ff6870);color:#260406;font-size:8px;font-weight:1000;letter-spacing:.12em;box-shadow:0 10px 25px rgba(255,33,72,.16)}.plan h3{margin:24px 0 7px}.price{font-size:42px;font-weight:1000;letter-spacing:-.05em;display:flex;align-items:flex-end;gap:10px}.price small{font-size:9px;color:#ff9ba1;letter-spacing:.08em;margin-bottom:8px}.plan>p{font-size:11px;color:#9c8c90;line-height:1.65}.plan ul{margin-bottom:25px}.full{width:100%;margin-top:auto}.order{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.orderText{position:sticky;top:110px}.orderText>p:not(.eyebrow){font-size:13px;color:#aa999d;line-height:1.8}.note{margin-top:28px;padding:18px;border-radius:18px;display:flex;flex-direction:column}.note b{font-size:11px}.note span{font-size:9px;color:#76676a;margin-top:6px}.form{padding:23px;border-radius:22px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.form label{display:grid;gap:7px}.form label span{font-size:9px;color:#8c7b7f;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.form input,.form select,.form textarea{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.085);border-radius:13px;background:rgba(6,5,6,.8);color:#fff;outline:none}.form textarea{resize:vertical;min-height:145px}.form input:focus,.form textarea:focus,.form select:focus{border-color:rgba(255,64,73,.35);box-shadow:0 0 0 3px rgba(255,33,72,.06)}.wide{grid-column:1/-1}.formNote{margin:0;font-size:9px;color:#6d5f62}.faq{border-radius:22px;overflow:hidden}.faq details{padding:0 19px;border-bottom:1px solid rgba(255,255,255,.06)}.faq details:last-child{border-bottom:0}.faq summary{padding:20px 0;font-size:12px;font-weight:850;cursor:pointer}.faq p{margin:0 0 20px;color:#958589;font-size:11px;line-height:1.7}.final{margin-bottom:90px;padding:38px;border-radius:28px;display:flex;justify-content:space-between;align-items:center;gap:30px}.final .eyebrow{margin-top:0}.final p:last-child{font-size:11px;color:#958589}footer{padding:0 0 34px;display:flex;justify-content:space-between;gap:30px;font-size:9px;color:#65575a}footer div{display:flex;gap:10px}footer b{color:#b4a6a9}.toast{position:fixed;left:50%;bottom:28px;z-index:100;transform:translate(-50%,20px);opacity:0;padding:11px 15px;border:1px solid rgba(255,64,73,.24);border-radius:999px;background:#13090b;color:#fff;font-size:10px;box-shadow:0 25px 70px rgba(0,0,0,.45);transition:.22s}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}@media(max-width:980px){.hero{grid-template-columns:1fr}.heroPanel{min-height:430px}.terminal{transform:none}.cards{grid-template-columns:repeat(2,1fr)}.stack{grid-template-columns:repeat(3,1fr)}.process{grid-template-columns:repeat(2,1fr)}.order{grid-template-columns:1fr}.orderText{position:static}}@media(max-width:760px){.header{top:8px;width:calc(100% - 16px);margin-top:8px}.menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:rgba(6,5,6,.97);flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:13px 12px}.hero{min-height:auto;padding-top:76px}.hero h1{font-size:56px}.lead{font-size:13px}.section{padding:78px 0}.head{grid-template-columns:1fr;gap:12px}.cards,.pricing{grid-template-columns:1fr}.stack{grid-template-columns:repeat(2,1fr)}.form{grid-template-columns:1fr}.wide{grid-column:auto}.final{flex-direction:column;align-items:flex-start}footer{flex-direction:column}}@media(max-width:470px){.hero h1{font-size:47px}.actions .button{width:100%}.float{display:none}.stack,.process{grid-template-columns:1fr}.techline{font-size:8px;gap:14px}}@media(pointer:coarse){.mouse-glow{display:none}}


/* CRYSO DIRECT PAYMENT CHECKOUT */
.checkout{display:grid;grid-template-columns:.72fr 1.28fr;gap:42px;align-items:start}.checkoutIntro{position:sticky;top:110px}.checkoutIntro h2{font-size:clamp(40px,5vw,64px);line-height:.96;letter-spacing:-.055em;margin:0}.checkoutIntro>p:not(.eyebrow){font-size:13px;color:#aa999d;line-height:1.8}.paymentSafety{margin-top:26px;padding:18px;border:1px solid rgba(255,64,73,.13);border-radius:18px;background:rgba(18,8,10,.72);display:flex;flex-direction:column;gap:6px}.paymentSafety b{font-size:10px;color:#ff8d94;letter-spacing:.13em}.paymentSafety span{font-size:9px;color:#7e6f72;line-height:1.6}.checkoutShell{border:1px solid rgba(255,64,73,.15);border-radius:25px;background:linear-gradient(180deg,rgba(17,7,9,.88),rgba(7,5,6,.92));backdrop-filter:blur(16px);box-shadow:0 30px 90px rgba(0,0,0,.4),0 0 38px rgba(255,33,72,.07);overflow:hidden}.checkoutSteps{display:flex;align-items:center;gap:10px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.06);font-size:8px;font-weight:900;letter-spacing:.1em;color:#67595c}.checkoutSteps span.active{color:#ff8d94}.checkoutSteps i{height:1px;flex:1;background:rgba(255,255,255,.06)}.checkoutForm{padding:22px;display:grid;grid-template-columns:1.05fr .95fr;gap:18px}.checkoutFields{display:grid;grid-template-columns:1fr 1fr;gap:13px;align-content:start}.checkoutFields label,.paymentPanel label{display:grid;gap:7px}.checkoutFields label span,.paymentPanel label span{font-size:8px;color:#8e7d80;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.checkoutFields input,.checkoutFields select,.checkoutFields textarea,.paymentPanel input{width:100%;padding:13px 14px;border:1px solid rgba(255,255,255,.085);border-radius:13px;background:rgba(5,4,5,.78);color:#fff;outline:none}.checkoutFields textarea{resize:vertical;min-height:140px}.checkoutFields input:focus,.checkoutFields select:focus,.checkoutFields textarea:focus,.paymentPanel input:focus{border-color:rgba(255,64,73,.35);box-shadow:0 0 0 3px rgba(255,33,72,.06)}.checkoutFields .wide{grid-column:1/-1}.paymentPanel{padding:18px;border:1px solid rgba(255,64,73,.13);border-radius:19px;background:linear-gradient(180deg,rgba(32,10,14,.70),rgba(9,6,7,.82))}.payTop{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:14px}.payTop>div{display:flex;flex-direction:column}.payTop span{font-size:8px;color:#88777b;font-weight:900;letter-spacing:.1em}.payTop strong{font-size:38px;letter-spacing:-.05em;margin-top:3px}.secureBadge{padding:7px 9px;border-radius:999px;background:rgba(255,64,73,.08);border:1px solid rgba(255,64,73,.17);color:#ff989d!important}.qrWrap{padding:13px;border-radius:16px;background:#fff;display:grid;place-items:center;max-width:230px;margin:0 auto}.qrWrap img{width:100%;height:auto;display:block}.scanText{text-align:center;color:#8d7e81;font-size:9px;line-height:1.5}.copyUpi{width:100%;margin-top:9px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:11px;background:rgba(255,255,255,.025);color:#918286;font-size:9px;cursor:pointer}.copyUpi b{color:#fff;margin-left:5px}.payLine{display:flex;align-items:center;gap:10px;margin:16px 0}.payLine span{height:1px;background:rgba(255,255,255,.07);flex:1}.payLine em{font-style:normal;font-size:8px;color:#6d5e62;text-transform:uppercase;letter-spacing:.1em}.paymentNote{font-size:8px;color:#695b5e;line-height:1.55;margin:12px 0 0}.receiptBox{margin:0 22px 22px;padding:28px;border:1px solid rgba(112,236,169,.20);border-radius:20px;background:linear-gradient(180deg,rgba(11,29,21,.42),rgba(7,7,8,.8));text-align:center}.receiptIcon{width:48px;height:48px;border-radius:50%;margin:0 auto 12px;display:grid;place-items:center;background:rgba(112,236,169,.1);border:1px solid rgba(112,236,169,.22);color:#70eca9;font-weight:1000}.receiptBox .eyebrow{margin:8px 0}.receiptBox h3{font-size:22px;margin:7px 0}.receiptBox>p:not(.eyebrow){font-size:10px;color:#8d7f82;line-height:1.65;max-width:520px;margin:0 auto 18px}.receiptRows{display:grid;gap:1px;text-align:left;border:1px solid rgba(255,255,255,.06);border-radius:14px;overflow:hidden;margin:18px 0}.receiptRow{display:flex;justify-content:space-between;gap:20px;padding:11px 13px;background:rgba(255,255,255,.022);font-size:9px}.receiptRow span{color:#7e7073}.receiptRow b{font-weight:850;text-align:right;word-break:break-word}.receiptActions{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
@media(max-width:980px){.checkout{grid-template-columns:1fr}.checkoutIntro{position:static}.checkoutForm{grid-template-columns:1fr}.qrWrap{max-width:250px}}
@media(max-width:600px){.checkoutForm{padding:14px}.checkoutFields{grid-template-columns:1fr}.checkoutFields .wide{grid-column:auto}.checkoutSteps{padding:15px}.payTop strong{font-size:34px}.receiptBox{margin:0 14px 14px;padding:22px 15px}.receiptRow{flex-direction:column;gap:4px}.receiptRow b{text-align:left}}


/* Portfolio / Minecraft expansion */
.minecraft-card{border-color:rgba(89,255,118,.14)!important}.minecraft-card .icon{color:#9dffad;border-color:rgba(89,255,118,.18);background:rgba(89,255,118,.06)}
.portfolio-section{padding-top:92px}.portfolio-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:16px;align-items:start}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-card{position:relative;padding:22px;border:1px solid rgba(255,255,255,.075);border-radius:21px;background:linear-gradient(180deg,rgba(18,9,10,.82),rgba(7,6,7,.87));backdrop-filter:blur(13px);min-height:300px;transition:.25s;overflow:hidden}.project-card:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-100px;background:radial-gradient(circle,rgba(255,33,72,.10),transparent 68%);pointer-events:none}.project-card:hover{transform:translateY(-4px);border-color:rgba(255,64,73,.23);box-shadow:0 22px 60px rgba(0,0,0,.30),0 0 28px rgba(255,33,72,.08)}.featured-project{border-color:rgba(255,64,73,.19)}.project-top{display:flex;justify-content:space-between;align-items:center}.project-badge{font-size:7px;font-weight:1000;letter-spacing:.13em;color:#ff9298}.project-id{font-family:Consolas,monospace;font-size:8px;color:#67575b}.project-icon{width:49px;height:49px;margin-top:22px;border-radius:15px;display:grid;place-items:center;font-size:10px;font-weight:1000;border:1px solid rgba(255,255,255,.09);background:#0c0809}.project-icon.node{color:#90e39b;border-color:rgba(101,207,115,.18);box-shadow:inset 0 0 20px rgba(101,207,115,.05)}.project-icon.java{color:#ff9b75;border-color:rgba(255,139,92,.18)}.project-icon.react{color:#75d9ff;border-color:rgba(74,192,255,.18)}.project-icon.ai{color:#c89cff;border-color:rgba(180,121,255,.18)}.project-card h3{font-size:18px;margin:16px 0 8px}.project-card p{font-size:11px;line-height:1.65;color:#97878b}.project-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.project-tags span{padding:6px 8px;border-radius:999px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.025);font-size:7px;color:#9b8d90;font-weight:800}.project-status{margin-top:18px;padding-top:13px;border-top:1px solid rgba(255,255,255,.055);display:flex;align-items:center;gap:7px;font-size:8px;color:#74666a}.project-status i{width:6px;height:6px;border-radius:50%;background:#70eca9;box-shadow:0 0 12px rgba(112,236,169,.45)}
.dev-console{position:sticky;top:100px;border:1px solid rgba(255,64,73,.17);border-radius:22px;background:linear-gradient(180deg,rgba(14,7,8,.94),rgba(5,5,6,.94));box-shadow:0 30px 90px rgba(0,0,0,.38),0 0 35px rgba(255,33,72,.07);overflow:hidden}.console-head{height:44px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.06);font-size:7px;color:#75666a;letter-spacing:.1em;text-transform:uppercase}.console-head>div{display:flex;gap:5px}.console-head i{width:7px;height:7px;border-radius:50%;background:#4b282d}.console-head i:first-child{background:#a71c31}.console-head i:nth-child(2){background:#72502d}.console-head i:nth-child(3){background:#2f6245}.console-head b{font-size:7px;color:#ff777e}.runtime-title{padding:19px 18px 5px;display:flex;justify-content:space-between;align-items:center}.runtime-title span{font-size:9px;color:#87777b;text-transform:uppercase;letter-spacing:.1em}.runtime-title strong{font-size:8px;color:#70eca9}.runtime-version{margin:9px 18px 17px;padding:14px;border:1px solid rgba(101,207,115,.11);border-radius:14px;background:rgba(64,131,73,.045);display:flex;align-items:flex-end;justify-content:space-between}.runtime-version b{font-size:24px;color:#90e39b;letter-spacing:-.04em}.runtime-version span{font-family:Consolas,monospace;font-size:10px;color:#76917a}.runtime-list{margin:0 18px;border:1px solid rgba(255,255,255,.055);border-radius:14px;overflow:hidden}.runtime-list>div{padding:10px 11px;display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(255,255,255,.045);font-size:8px}.runtime-list>div:last-child{border-bottom:0}.runtime-list span{color:#78696d}.runtime-list b{font-weight:800;color:#a79a9d}.runtime-list b i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#70eca9;margin-right:5px;box-shadow:0 0 9px rgba(112,236,169,.4)}.runtime-bars{padding:18px}.runtime-bars label{display:flex;justify-content:space-between;font-size:7px;margin:10px 0 5px}.runtime-bars label span{color:#716266}.runtime-bars label b{color:#9e8e92}.runtime-bars>div{height:4px;border-radius:999px;background:rgba(255,255,255,.05);overflow:hidden}.runtime-bars>div i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,#ff4050,#ff2950);box-shadow:0 0 10px rgba(255,33,72,.24)}.runtime-note{padding:0 18px 18px;margin:0;color:#5f5155;font-size:7px;line-height:1.55}
.language-cloud{margin-top:16px;padding:19px;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:linear-gradient(180deg,rgba(17,8,10,.72),rgba(7,6,7,.80));backdrop-filter:blur(12px)}.language-title{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-bottom:14px}.language-title span{font-size:8px;letter-spacing:.14em;color:#ff858c;font-weight:1000}.language-title b{font-size:9px;color:#857579}.language-pills{display:flex;flex-wrap:wrap;gap:8px}.language-pills span{padding:7px 9px;border-radius:10px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.06);color:#9a8b8f;font-size:8px;font-weight:800;transition:.18s}.language-pills span:hover{border-color:rgba(255,64,73,.2);color:#fff;background:rgba(255,64,73,.045)}
@media(max-width:980px){.portfolio-layout{grid-template-columns:1fr}.dev-console{position:static}.project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.project-grid{grid-template-columns:1fr}.language-title{align-items:flex-start;flex-direction:column}.portfolio-section{padding-top:72px}}

.order-flow-note{
  grid-column:1/-1;
  margin-top:4px;
  padding:16px 17px;
  border:1px solid rgba(255,64,73,.16);
  border-radius:15px;
  background:linear-gradient(180deg,rgba(255,64,73,.055),rgba(255,255,255,.02));
  display:flex;
  flex-direction:column;
  gap:6px;
}
.order-flow-note strong{font-size:11px;color:#fff}
.order-flow-note span{font-size:9px;line-height:1.6;color:#8f7f83}