:root{--bg-base:#fff5e4;--col-deep:#850e35;--col-rose:#ee6983;--col-blush:#ffc4c4;--col-cream:#fff5e4}.portfolio-bg{background-color:#fff5e4;position:relative;overflow-x:hidden}.portfolio-bg>:not(.orb-canvas){z-index:1;position:relative}.orb-canvas{z-index:0;pointer-events:none;position:absolute;inset:0}.orb{filter:blur(90px);will-change:transform,opacity;border-radius:50%;position:absolute}.orb-1{background:radial-gradient(circle,#850e3573 0%,#0000 70%);width:650px;height:650px;animation:14s ease-in-out infinite alternate pulse;top:-4%;left:-10%}.orb-2{background:radial-gradient(circle,#ee69838c 0%,#0000 70%);width:520px;height:520px;animation:12s ease-in-out infinite alternate pulse;top:5%;right:-8%}.orb-3{background:radial-gradient(circle,#ffc4c480 0%,#0000 70%);width:750px;height:750px;animation:18s ease-in-out infinite alternate pulse;top:28%;left:25%}.orb-4{background:radial-gradient(circle,#ee698380 0%,#0000 70%);width:480px;height:480px;animation:13s ease-in-out infinite alternate pulse;top:52%;right:3%}.orb-5{background:radial-gradient(circle,#ffc4c473 0%,#0000 70%);width:580px;height:580px;animation:10s ease-in-out infinite alternate pulse;top:68%;left:-6%}.orb-6{background:radial-gradient(circle,#850e3580 0%,#0000 70%);width:420px;height:420px;animation:16s ease-in-out infinite alternate pulse;top:88%;left:42%}@keyframes pulse{0%{opacity:.56;transform:scale(.95)}50%{opacity:.85;transform:scale(1.05)}to{opacity:.56;transform:scale(.95)}}.orb-1{--speed:.12}.orb-2{--speed:.07}.orb-3{--speed:.2}.orb-4{--speed:.09}.orb-5{--speed:.05}.orb-6{--speed:.15}.grain-overlay{z-index:2;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}.sidebar-card{-webkit-backdrop-filter:blur(24px);background:#fff5e4a6;border:1px solid #ee698347;border-top:none;border-radius:0 0 24px 24px;box-shadow:0 0 40px #ee698324,inset 0 1px #ffffffd9}.section-divider{background:linear-gradient(90deg,#850e3580 10%,#ee698399 45%,#ffc4c480 80%,#0000 100%);border:none;height:2px;margin-bottom:2rem}.tech-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fff5e499;border:1px solid #ee698340;transition:all .35s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.tech-card:before{content:"";opacity:0;background:radial-gradient(circle at 50% 0,#ee698324 0%,#0000 70%);transition:opacity .35s;position:absolute;inset:0}.tech-card:hover{border-color:#ee69838c;transform:translateY(-3px);box-shadow:0 0 20px #ee698333,0 0 40px #ffc4c42e}.tech-card:hover:before{opacity:1}.tech-card:hover .tech-icon{filter:drop-shadow(0 0 8px #ee698380);color:#ee6983;transition:all .3s}.contact-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#fff5e499;border:1px solid #ee698340;border-radius:16px;box-shadow:0 4px 60px #ee698324,inset 0 1px #ffffffe6}.contact-input{transition:border-color .25s,box-shadow .25s;color:#5a0b22!important;background:#fff5e4bf!important;border:1px solid #ee698366!important}.contact-input:focus{outline:none;border-color:#ed5573b3!important;box-shadow:0 0 0 3px #ee69831f!important}.contact-input::placeholder{color:#b4506999!important}.btn-gradient{color:#850e35;background:linear-gradient(135deg,#ee698333,#ffc4c438);border:1px solid #ee698366;transition:all .3s;position:relative;overflow:hidden}.btn-gradient:before{content:"";opacity:0;background:linear-gradient(135deg,#ee698359,#ffc4c44d);transition:opacity .3s;position:absolute;inset:0}.btn-gradient:hover:before{opacity:1}.btn-gradient:hover{border-color:#ee6983bf;transform:translateY(-1px);box-shadow:0 0 20px #ee698347}.btn-send{color:#fff;background:linear-gradient(135deg,#850e35,#ee6983);border:none;transition:all .3s}.btn-send:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 0 25px #ee698373}.social-btn{color:#850e35bf;background:#fff5e48c;border:1px solid #ee698347;transition:all .3s}.social-btn:hover{color:#850e35;background:#ee698326;border-color:#ee6983a6;transform:translateY(-2px);box-shadow:0 0 15px #ee698347}.text-custom{color:#5d0523}.text-custom-light{color:#5d0523e6}.text-custom-lighter{color:#5d0523cc}