:root{–themeC:#482dff;–darkU:#41B375;}
.BoxTool button,.BoxTool input,.BoxTool textarea{padding:15px;line-height:22px;width:100%;outline:0;margin:5px 0;}
.BoxTool,.note{position:relative;}
.BoxTool{padding:15px;background:var(–contentB);margin:25px 0 15px;border-radius:10px;box-shadow:0 3px 9px -2px;}
.drK .BoxTool{background:var(–darkBa);}
.drK .BoxTool input,.drK .BoxTool textarea{background:var(–darkBs);border-color:rgba(255,255,255,.15);}
.BoxTool textarea{resize:none;height:200px;}
.BoxTool input,.BoxTool textarea{border:2px solid rgba(0,0,0,.05);border-radius:2px;background-color:#fefefe;}
.DataB{display:flex;}
.labelB{width:50%;margin:4px;}
.BoxTool button{background:var(–themeC);color:#fff;display:flex;justify-content:space-around;border-radius:2px;border:none;}
.drK .BoxTool button{background:var(–darkU);}
.BoxTool button:hover{background:#05e12c;}
.BoxTool .title-x{padding:5px;margin:5px 0;}
.BoxTool .but-x{float:right;width:49%;}
.BoxTool .but-y{float:left;margin:5px;width:49%;}
.note{padding:16px 50px 16px 20px;background:#e1f5fe;color:#3c4043;font-size:.85rem;font-family:var(–fontB);line-height:1.6em;border-radius:10px;overflow:hidden;}
.note::before{content:”;width:60px;height:60px;background:#81b4dc;display:block;border-radius:50%;position:absolute;top:-12px;right:-12px;opacity:.1;}
.note::after{content:’\002A’;position:absolute;right:18px;top:16px;font-size:20px;min-width:15px;text-align:center;}
.note.wr{background:#ffdfdf;color:#48525c;}
.note.wr::before{background:#e65151;}
.note.wr::after{content:’\0021′;}
.BoxTool input:hover,.BoxTool input[type=text]:hover,.BoxTool input[type=url]:hover,.BoxTool select:focus,.BoxTool select:hover{border:1px solid var(–themeC);}
.drK .BoxTool input:hover,.drK .BoxTool input[type=text]:hover,.drK .BoxTool input[type=url]:hover,.drK .BoxTool select:focus,.drK .BoxTool select:hover{border:1px solid var(–darkU);}

سياسة الخصوصية وسياسة الاستخدام

body {
font-family: ‘Tahoma’, sans-serif;
background-color: #f9f9f9;
margin: 0;
padding: 0;
line-height: 1.8;
direction: rtl;
}

header {
background-color: #007BFF;
color: white;
text-align: center;
padding: 20px;
}

.container {
max-width: 900px;
margin: 30px auto;
background-color: #fff;
padding: 25px;
box-shadow: 0 2px 10px rgba(0,0,0,0.1);
border-radius: 10px;
}

h2 {
color: #007BFF;
margin-top: 40px;
}

p {
margin-bottom: 15px;
}

footer {
background-color: #eee;
text-align: center;
padding: 15px;
font-size: 14px;
color: #666;
margin-top: 40px;
}