.code-review-container{display:flex;flex-direction:row;height:100vh;background-color:#111;color:#e0e0e0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.panel{display:flex;flex-direction:column;border-radius:8px;margin:10px;overflow:hidden;box-shadow:0 4px 6px #0000004d;flex:1}.code-panel,.response-panel{background-color:#1a1a1a;border:1px solid #333}.panel-header{background-color:#222;padding:12px 15px;border-bottom:1px solid #333}.panel-header h2{margin:0;font-size:18px;color:#4ade80;font-weight:500}.code-input{flex:1;width:100%;padding:15px;background-color:#111;color:#e0e0e0;border:none;resize:none;font-family:Consolas,Monaco,monospace;font-size:14px;line-height:1.5;outline:none}.code-input::placeholder{color:#666}.review-button{margin:15px;padding:10px 20px;background-color:#4ade80;color:#111;border:none;border-radius:4px;font-weight:600;cursor:pointer;transition:background-color .2s;align-self:flex-end}.review-button:hover{background-color:#22c55e}.review-button:disabled{background-color:#444;color:#888;cursor:not-allowed}.response-content{flex:1;padding:15px;overflow-y:auto;background-color:#111}.response-content h1,.response-content h2,.response-content h3{color:#4ade80;margin-top:0;margin-bottom:10px}.response-content p{margin-bottom:12px;line-height:1.5}.response-content ul,.response-content ol{padding-left:20px;margin-bottom:12px}.response-content li{margin-bottom:6px}.response-content code{background-color:#2a2a2a;padding:2px 4px;border-radius:3px;font-family:Consolas,Monaco,monospace}.response-content pre{background-color:#2a2a2a;padding:12px;border-radius:4px;overflow-x:auto;margin-bottom:12px}.placeholder-text{color:#666;font-style:italic}@media (max-width: 768px){.code-review-container{flex-direction:column}}*{margin:0;padding:0;box-sizing:border-box;color:#fff;font-family:Gill Sans,Gill Sans MT,Calibri,Trebuchet MS,sans-serif}#page1{height:100vh;width:100%;background-color:#111;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:6vh}#page1 h1{font-size:8vw;text-transform:uppercase;font-weight:900;line-height:8vw}#page1 h1 svg{height:6vw;width:6vw;background-color:#0ba34e;border-radius:50%}#page1 p{text-align:center;font-weight:400;padding-top:40px}#page1-something{display:flex;align-items:center;justify-content:center}#page1-something h4{font-size:1.1vw;text-transform:lowercase;padding:5px 10px;border:1px solid rgb(132,132,132);border-radius:20px;margin-top:.2vw}#page1-something h4:nth-last-child(2){border:none;padding:2px}#moving-div{margin-top:10vh;position:absolute;bottom:3%;white-space:nowrap;padding:1.2vw;overflow:hidden;width:44%}#moving-div .move{display:inline-block;animation-name:mobe;animation-duration:9s;animation-timing-function:linear;animation-iteration-count:infinite}#moving-div .move img{height:2vw;margin:0 1.2vw}@keyframes mobe{0%{transform:translate(0)}to{transform:translate(-100%)}}#button-div{display:flex;justify-content:center}.review-btn{background-color:#0ba34e;padding:12px 35px;border-radius:50px;border:none;font-size:1.2vw;font-weight:500;text-transform:uppercase;margin-top:9vh;cursor:pointer;color:#fff;position:relative;overflow:hidden;transition:transform .3s ease}.review-btn span{position:relative;display:inline-block;z-index:1}.review-btn:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:#fff3;transform:skew(-20deg)}.review-btn:hover{transform:scale(1.3)}.review-btn:hover:before{animation:rippleMove 1.4s ease forwards}@keyframes rippleMove{0%{left:-100%}to{left:200%}}#button-div button{background-color:#0ba34e;display:inline-flex;align-items:center;justify-content:center;padding:10px 20px;border-radius:50px;border:none;font-size:1.2vw;font-weight:500;text-transform:uppercase;margin-top:9vh;gap:.3vw}#button-div svg{display:block;height:2vw;width:auto;transform:translateY(1px)}#blur-left{height:100%;width:20%;background:linear-gradient(to right,#111,transparent);position:absolute;top:0;left:0;z-index:2}#blur-right{height:100%;width:20%;background:linear-gradient(to right,transparent,#111);position:absolute;top:0;right:0;z-index:2}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%;width:100%}#nav{position:fixed;display:flex;align-items:flex-start;width:100%;padding:1.5vw 10vw;justify-content:space-between;height:9vh}.navpart2{display:flex;align-items:flex-start;gap:1vw;position:relative;z-index:10}.navpart2 h4{font-size:1.5vw;font-weight:500;padding-top:1vw;padding-bottom:.7vw}.navpart2 h5{margin-top:.4vw;margin-bottom:.7vw;opacity:0;transition:opacity 1s ease}.navpart2 h5 span{font-size:1vw;display:inline-block;font-weight:700}#nav_bottom{display:flex;align-items:flex-start;justify-content:space-between;transition:all ease .65s;padding-top:.4vw;gap:3vw;height:0vw;width:80%;position:absolute;top:100%;border-bottom:1px solid #dadada;background-color:#111;z-index:9}.navpart2:hover h5{transition:all 1.5s ease-in-out;opacity:1}
